Example of Symmetric Layout in Javascript Diagram Control

Symmetric Layout

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

More Details...

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. 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 using Diagram.Inject(DataBinding) method. To automatically arrange the objects in a symmetrical structure, inject SymmetricalLayout module using Diagram.Inject(SymmetricalLayout) method.