Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of D3 v5 Zoomable Sunburst

Public visualization

Fork of D3 v5 Zoomable Sunburst

0 stars0🌍 Public
Ggitdhtuts
Last edited Dec 14, 2022
Created on Dec 7, 2022

This zoomable sunburst visualizes vulnerability data from a hierarchical JSON file, with arcs colored by top-level category and sized by value. Clicking an arc zooms into that segment, while a breadcrumb trail shows the current path. Built with D3 v5, it uses `d3.partition` for layout, `d3.arc` for rendering, and `transition.attrTween` to animate between views. Labels rotate and fade based on visibility, and hover updates breadcrumbs.

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