🌍 Public
Fork of D3 v5 Zoomable Sunburst
This zoomable sunburst visualization displays a hierarchical dataset from the @observablehq/flare library. Clicking on an arc zooms into that subtree, with animated transitions between views. The code uses D3 v5’s `d3.hierarchy`, `d3.partition`, and `d3.interpolate` to compute the radial layout and smooth interpolation. It renders with SVG paths and text, using a rainbow color scale and `transition.attrTween` for the animation, all orchestrated via the Observablehq stdlib.
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
MIT Licensed
Comments
Sign in to join the discussion.