chevron_right Demos chevron_right Hierarchical Layout with Node Port Candidates
Discover More
Book a live Demo

Live Demo — yFiles in Action

30–45 min | Online | No install required

For Developers, Product Mangers & Executives

  • Interactive graph visualization in real time
  • Integration example
  • Live Q&A and next step recommendations

30–45 minutes | 1:1 or team session

Live Demo — yFiles in Action

30–45 min | Online | No install required

For Developers, Product Mangers & Executives

30–45 minutes | 1:1 or team session

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