Skip to main content
100%

SUNBURST PLOT

✓ Published1🌍 Public
Ccocktaildata
Last edited Mar 22, 2020
Created on Mar 22, 2020

This zoomable sunburst plot visualizes the hierarchical flare dataset, displaying nested categories as concentric arcs whose angular width and radial distance encode each node’s relative value. Clicking an inner arc zooms into that subtree, animating the layout and updating visible labels. The visualization uses D3 v5’s `d3.hierarchy`, `d3.partition`, and `d3.arc` to compute and draw the geometry, with `transition.attrTween` handling the smooth zoom animation. An ordinal color scale applies a rainbow palette to top-level branches, and SVG paths render the final graphic, which supports interactive navigation through the hierarchy.

AI-generated description

Mike Bostock's D3 Zoomable Sunburst example

<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

Similar vizzes