🌍 Public
Viewing a saved revision (read-only)
82267bc2c4394dcf9c5daf2aed2d3355
Dear Data V2
This zoomable sunburst chart visualizes the hierarchical structure of the flare dataset. Users can click on any arc to re-center the view on that node, with a smooth animation transitioning the radial layout. Built with D3 v5, the visualization uses `d3.hierarchy`, `d3.partition`, and `d3.arc` to compute the geometry. The `transition.attrTween` API animates the arc paths and labels during zooming, while `d3.scaleOrdinal` with `d3.interpolateRainbow` assigns colors to the top-level categories.
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