Fork of D3 v5 Zoomable Sunburst
This interactive sunburst chart visualizes hierarchical data from the Flare software project, using filesystem-like paths (e.g., "flare.analytics.cluster") to structure nodes. Clicking a slice triggers a zoom animation, smoothly expanding the selected segment while adjusting the radial scale based on the clicked node’s angular range. Rendered via SVG, the chart uses D3’s partition layout (`d3.partition`), ordinal color scale (`d3.scaleOrdinal`), and arc generator (`d3.arc`) to draw each segment, with transitions handled by `svg.transition().duration(750).tween(...)`. The code references D3 v7 and is adapted from Mike Bostock’s original Zoomable Sunburst example.
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