chevron_right Demos chevron_right Height Profile
Discover More
Book a live Demo

See yFiles in action

30 min • Online • No install required


For developers, PMs & tech leads

  • Quick-start walkthrough + a real integration example
  • Live Q&A with next-step recommendations

Prefer another tool over Zoom? Just say so when you book.

Opens our scheduling page with Zoom's booking widget embedded. Using it shares your data with Zoom under its Privacy Policy.

See yFiles in action

30 min • Online • No install required


For developers, PMs & tech leads

Prefer another tool over Zoom? Just say so when you book.

Opens our scheduling page with Zoom's booking widget embedded. Using it shares your data with Zoom under its Privacy Policy.

Height Profile Demo

This demo shows how to configure the OrganicLayout algorithm to create a height profile visualization.

The dataset consists of points that form a trekking trail (i.e., the blue curve) and some points of interest, namely the waypoints (i.e., the orange-colored nodes). For each of these waypoints a label node is created that displays the information associated with the waypoint.

This demo defines alignment constraints for the OrganicLayout algorithm. These constraints ensure that waypoints and their associated label nodes are vertically aligned with the waypoints being placed below their labels.

The axis and the trail visualizations have been created using custom IVisualCreator implementations.

In a similar manner, the OrganicLayout can be configured to display a timeline visualization in which a number of events have to be ordered by time.

Things to try