Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

RV2

Public visualization

RV2

0 stars0🌍 Public
Vvistats
Last edited Apr 15, 2023
Created on Apr 15, 2023

This interactive zoomable sunburst diagram visualizes hierarchical data, such as product categories across cities, using a circular layout of nested arcs. Clicking an arc zooms into that subtree, while a central circle returns to the root. Built with D3 v5, it employs `d3.partition` for layout, `d3.arc` for rendering SVG paths, and `d3.interpolate` within `transition.attrTween` for smooth animated updates. Data originates from the `@observablehq/flare` module, fetched via the Observable stdlib’s `require` function.

AI-generated description

Mike 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

Comments

Sign in to join the discussion.

MIT Licensed