Example of Mind Map in Angular Diagram Component

This sample demonstrates the concept of creativity using mind map layout algorithm. User handles are used to extend the mind map interactively.

CreativityBrainstormingSessionsLocalRemoteIndividualTeamsGenerateIdeasProductServiceBusinessDirectionEngagementEmpoweringOwnershipComplementingInformationCompetitorsProductsFeaturesOther DataExpectationsOrganizationCustomerStaffStakeholders
Description

This example shows how to generate a mind map from an external data source. The type property of the layout can be used to enable the mind map layout algorithm. The getBranch property can also be used to define the branches at both left and right sides.

Injecting Module

The diagram component’s features are segregated into individual feature-wise modules. To generate diagrams from an external data source, inject DataBinding module into @NgModule.providers section. To automatically generate a mind map, inject Mindmap module into @NgModule.providers section.