Fork of D3 v5 Zoomable Sunburst
This zoomable sunburst visualization displays hierarchical data from the Flare dataset, using an interactive radial layout where each ring segment represents a node’s value. The chart supports click-to-zoom transitions with smooth animations, implemented in D3 v5 with SVG rendering. The dataset is loaded from a CSV and nested into a hierarchy, with color encoding by branch depth. Users can explore the hierarchy by clicking arcs to zoom into nested levels, with the animation providing a smooth transition between views. The example is a port of Mike Bostock’s Observable notebook and serves as a practical reference for adapting D3 v5 to vanilla JavaScript.
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