🌍 Public
Viewing a saved revision (read-only)
f701dc7311164baaa0c0b4d20c8abfb8
test
This example shows the hierarchical structure of the Flare visualization toolkit as a circle-packing layout, with nested circles representing the file system’s categories and leaf nodes sized by their associated data values. Hovering over any circle highlights its entire ancestor chain. The visualization is rendered in SVG using D3 v5’s `d3.stratify` to build the hierarchy from CSV data, `d3.pack` to compute circle positions and radii, and `d3.scaleSequential` with the magma color interpolator to encode depth.
AI-generated descriptionMike Bostock's Circle-Packing example
- with D3 v5 (based on the changes in v5)