Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

RV1

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

3dbffdf128a240b4851740d8930ccaa7

Open

RV1

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

This interactive zoomable sunburst visualization displays hierarchical data from the Observable flare dataset. The D3 v5 code uses `d3.partition` to compute the layout and `d3.arc` to render SVG paths, with colors assigned via `d3.scaleOrdinal` over an interpolated rainbow palette. Clicking arcs animates zoom transitions using `transition.attrTween` to interpolate arc geometry, while labels rotate and fade based on visibility thresholds.

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