Hierarchical Layout with Node Alignment
This demo shows how to configure the HierarchicalLayout to align nodes
connected by critical paths.
The priorities are passed to the layout algorithm through the
criticalEdgePriorities
property, causing the connected nodes to be aligned.
In this demo, edges belonging to the longest path in the graph are designated as critical
(see pink edges). Of course, any other criterion may be used to define the set of critical edges.
Things to Try
-
Observe how nodes connected by
critical edges are vertically
aligned.
-
Notice that the critical edges in this demo are determined by finding the longest path.
-
Consider how this technique could be used to highlight key relationships or workflows in
your own hierarchical layouts.
Demos
Documentation