Skip to main content
100%

Fork of D3 v5 Zoomable Sunburst

✓ Published0🌍 Public
Eerickdau@gmail.com
Last edited Mar 19, 2024
Created on Mar 19, 2024

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 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