Example of Symmetric Layout in React Diagram Component


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

More Details...


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 into{" "} services. To automatically arrange the objects in a symmetrical structure, inject SymmetricalLayout module into services.