Example of Mind Map in React Diagram Component


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

More Details...


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{" "} services. To automatically generate a mind map, inject Mindmap module into services.