Example of Mind Map in ASP.NET Core Diagram Control

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


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.

The diagram component’s features are segregated into individual feature-wise modules. To generate diagrams from an external data source, inject DataBinding module using Diagram.Inject(DataBinding) method. To automatically generate a mind map, inject Mindmap module using Diagram.Inject(Mindmap) method.

Transform your ASP.NET Core web apps today with Syncfusion ASP.NET Core components
85+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing