chevron_right Demos chevron_right Simple Layout Grid
Legal Disclosure Privacy Policy
yFiles for HTML chevron_right Demos chevron_right Simple Layout Grid
Related demos
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 | Online (Zoom / Teams)

No install required | We show live code

Book a free live demo

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 | Online (Zoom / Teams)

No install required | We show live code

Book a free live demo

Simple Layout Grid Demo

This demo shows how to create a simple LayoutGrid that will be used by the hierarchical layout algorithm.

The information about the desired position of a node in the layout grid is stored in its tag and also appears in its label. The first digit represents the row index and the second the column index.

The layout algorithm will calculate the positions of the nodes based on this information such that the nodes are assigned to the correct cell of the layout grid.