Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of D3 v5 Circle-Packing Testing

Public visualization

Fork of D3 v5 Circle-Packing Testing

0 stars0🌍 Public
EEric Zimmerman
Last edited Sep 24, 2022
Created on Sep 24, 2022

This visualization shows a circle-packing layout of the Flare software package’s class hierarchy, using nested circles to represent the data’s hierarchical structure. The code loads data from `flare.csv` with `d3.csv`, processes it with `d3.stratify`, and computes the layout using `d3.pack`. Circles are colored by depth using `d3.scaleSequential` with the magma interpolator, and the visualization is rendered as SVG. Hovering highlights a node’s ancestors by toggling a `node--hover` class.

AI-generated description

Mike Bostock's Circle-Packing example

Comments

Sign in to join the discussion.

MIT Licensed