Live Demo — yFiles in Action
30–45 min | Online | No install requiredFor 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 demoThis demo shows how to add a timeline component to the graph.
The height of the bars in the timeline is determined by the number of node creation/removal events at each time point.
Hover or select bars of the timeline to highlight corresponding nodes in the main graph.
The timeline component in this demo does not include a timeframe rectangle or a
play button, but they are by default included in the Timeline class.
Make use of them by initializing a default Timeline instance and register event listeners
for filter change.
The input data structure can be arbitrary, but it needs to contain information about the start and end time for each node.