• Material
  • Fabric
  • Bootstrap
  • Bootstrap v4
  • High Contrast
Theme Selection
Mode Selection
Essential JS 2
All Controls

Example for Symmetric Layout in ASP.NET Core Diagram Control

This sample visualizes a simple network template using symmetrical layout algorithm.

Spring Length
Spring Factor
Maximum Iteration

This view is well suited for large networks and is commonly used in network component diagrams. It is typically used with simple straight line links. This example shows how to arrange nodes in a symmetrical structure. The layout property of the diagram can be used to enable it.

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 symmetrical structure, inject SymmetricalLayout module using Diagram.Inject(SymmetricalLayout) method.