π Public
Viewing a saved revision (read-only)
f9917d2cb81c458681accea881d6d2b7
RV2
This interactive sunburst chart visualizes the hierarchical structure of the Flare dataset, which contains software package classes and their sizes. The visualization uses a zoomable and navigable radial layout where users can click on any node to re-center the view and explore nested categories. The chart is rendered as SVG using D3 v5, with the partition layout computed via `d3.partition` and `d3.hierarchy`. Interactive transitions employ `transition.attrTween` and `d3.interpolate` to smoothly animate the arc geometry and label rotations during zooming.
AI-generated descriptionMike Bostock's D3 Zoomable Sunburst example
- with D3 v5 (based on the changes in v5) <br></br> Ported from this Observable notebook for this forum thread. Many thanks to Bryan Gingechen who answered my question about the necessary steps to get from an (Observable) JavaScript notebook to a vanilla JavaScript index.html. He presented his solution on blockbuilder.org