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

• Critical Paths Demo

Documentation

• Emphasizing critical paths
• HierarchicalLayout
• HierarchicalLayoutData