Fork of Tree with rectangular links
✓ Published1🌍 Public
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 descriptionMIT Licensed