🌍 Public
Viewing a saved revision (read-only)
8ca55fab05784573b6b8cb74ba55f90e
Fork of Tree with rectangular links
This example shows a collapsible tree layout of the Flare dataset, with rectangular right-angle links connecting nodes instead of the typical curved or diagonal paths. The tree uses D3 v6’s `d3.tree` and `d3.hierarchy` for layout, with enter, update, and exit transitions animating node reveals and collapses. Nodes are drawn as white rects sized to label length, with stroke colors distinguishing parent from leaf nodes, and the whole SVG supports zooming via `d3.zoom`. The custom `diagonal` function renders links as horizontal and vertical line segments, and clicking toggles child visibility.
AI-generated description