• Material 3
  • Fluent
  • Fluent 2
  • Bootstrap 5
  • Tailwind CSS
  • High Contrast
  • Fluent 2 High Contrast
Preferences
Mode Selection
Touch
Mouse
Theme Selection
Theme Mode
Localization
*Translated by Google Translator.
Currency

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
opens in a new tab