Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

test

Public visualization

Viewing a saved revision (read-only)

f701dc7311164baaa0c0b4d20c8abfb8

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