Expand and Collapse

Interactive example to demonstrate how you can navigate hierarchical data structures. You can click on a node to toggle the child nodes. The layout is done with d3-hierarchy and the animations are implemented with d3-timer.

Dependencies: reactflow, d3-hierarchy, d3-timer

This is a Pro example. If you are subscribed to React Flow Pro you can access the annotated source code.

Loading...