• Material 3
  • Material 3 Dark
  • Fluent
  • Fluent Dark
  • Bootstrap v5
  • Bootstrap v5 Dark
  • Tailwind CSS
  • Tailwind CSS Dark
  • Material
  • Bootstrap v4
  • High Contrast
Preferences
Mode Selection
Touch
Mouse
Theme Selection
Localization
*Translated by Google Translator.
Currency
Essential Studio
HOME
All Controls

Example of Hierarchical Tree with Multiple roots in ASP.NET Core Diagram Control

This sample illustrates the structure of an Electricity Sector using complex hierarchical layout with multiple roots.

DEMO
SOURCE

This example shows how to create a complex hierarchical layout with multiple root nodes.

Injecting Module

Diagram component's features are segregated into individual feature-wise modules. To generate diagrams from an external data source, we need to Inject DataBinding module using Diagram.Inject(DataBinding) method. To automatically arrange the objects in a hierarchical structure, we need to Inject ComplexHierarchicalTree module using Diagram.Inject(ComplexHierarchicalTree) method.