Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

RV2

Public visualization

Viewing a saved revision (read-only)

f9917d2cb81c458681accea881d6d2b7

RV2

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

This interactive sunburst chart visualizes the hierarchical structure of the Flare dataset, which contains software package classes and their sizes. The visualization uses a zoomable and navigable radial layout where users can click on any node to re-center the view and explore nested categories. The chart is rendered as SVG using D3 v5, with the partition layout computed via `d3.partition` and `d3.hierarchy`. Interactive transitions employ `transition.attrTween` and `d3.interpolate` to smoothly animate the arc geometry and label rotations during zooming.

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