π Public
Viewing a saved revision (read-only)
97c7df6c831641ccae00e6097c3890a1
Fork of D3 v5 Zoomable Sunburst
This interactive sunburst visualizes the hierarchical flare dataset, showing the relative sizes of its categories and subcategories. Clicking an arc zooms into that branch, expanding its children while collapsing others. Built with D3 v5, the chart uses `d3.partition`, `d3.hierarchy`, and `d3.arc` to render the sectors, with smooth zoom transitions driven by `transition.attrTween`. Color scales via `d3.scaleOrdinal` and `d3.interpolateRainbow`, and the layout adjusts dynamically on each click, with SVG elements and animations powered by the standard D3 library.
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