Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

test d3js https://observablehq.com/@d3/zoomable-sunburst

Public visualization

Viewing a saved revision (read-only)

446a656beb564ac4b478abd7320e0740

test d3js https://observablehq.com/@d3/zoomable-sunburst

0 stars0🌍 Public
Jjsoudeer
Last edited Jun 17, 2022
Created on Jun 17, 2022
Forked from HTML Starter

A zoomable sunburst diagram visualizes hierarchical data from the flare.json dataset, with arcs colored by top-level category and sized by numeric value. Clicking a node transitions the view, zooming and rotating to expand that branch while hiding others. The code uses d3.hierarchy, d3.partition, and d3.arc to compute geometry, with d3.scaleOrdinal and d3.interpolateRainbow for colors. Transitions are animated via d3.transition and transition.attrTween, updating arc paths and labels as the focus changes.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.