Hierarchical Layout with Node Port Candidates

This demo shows how to use NodePortCandidates to define the port locations and limit the number of edges per port in HierarchicalLayout.

Node 5 uses four port candidates, one for each side of the node.

Each LayoutPortCandidate only allows for one connecting edge, hence the four incoming edges are distributed to the four port candidates.

Things to Try

Click the button in the toolbar to toggle between hierarchical layout with and without a configured port candidate set.

Documentation

• Restricting Port Locations
• NodePortCandidates
• HierarchicalLayoutData