Example of Local Data in React Diagram Component


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

More Details...


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.

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 arrange the objects in a hierarchical structure, inject DataBinding module into services.