Example of Symmetric Layout in ASP.NET Core Diagram Control

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

DEMO
SOURCE
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.

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
TRY IT FOR FREE