🌍 Public
Viewing a saved revision (read-only)
e77f642687f6444782f146ad8d8a6b74
Fork of D3 v5 Circle-Packing
This D3 v5 circle-packing visualization displays the hierarchical structure of the Flare software system, using circle size to represent the number of metrics for each module. The graph is built from a CSV file using `d3.stratify()` and `d3.pack()`, with node depth encoded through the `d3.scaleSequential(d3.interpolateMagma)` color scale. Circles are rendered as SVG elements, with clip paths and tspan text for leaf labels, while hovering highlights the ancestor chain via the `node--hover` class.
AI-generated descriptionMike Bostock's Circle-Packing example
- with D3 v5 (based on the changes in v5)