Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

test

Public visualization

test

0 stars0🌍 Public
IIndira120
Last edited Nov 30, 2022
Created on Nov 30, 2022

This example shows the hierarchical structure of the Flare visualization toolkit as a circle-packing layout, with nested circles representing the file system’s categories and leaf nodes sized by their associated data values. Hovering over any circle highlights its entire ancestor chain. The visualization is rendered in SVG using D3 v5’s `d3.stratify` to build the hierarchy from CSV data, `d3.pack` to compute circle positions and radii, and `d3.scaleSequential` with the magma color interpolator to encode depth.

AI-generated description

Mike Bostock's Circle-Packing example

Comments

Sign in to join the discussion.

MIT Licensed