Example of Local Data in ASP.NET Core Diagram Control

This sample visualizes the classifications of species using hierarchical tree layout algorithm. Data Manager support is used to bind data with the diagram.

DEMO

SOURCE

This example shows how to generate a diagram from the saved data. The dataSourceSettings property can be used to map an external data source with the diagram control. The id property of dataSourceSettings can be used to define a unique field of an external data. The parentId property can be used to define the relationship between the objects.

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 arrange the objects in a hierarchical structure, inject DataBinding module using Diagram.Inject(DataBinding) method.