2D layout algorithms for visualizing hierarchical data.

Mike Bostock

Apollonius’ Problem

Treemap

Sunburst

Tidy tree

Cluster tree

Radial cluster tree

Icicle

Circle packing

Radial tidy tree

Bubble chart

d3.groups as a hierarchy

Random Tree

Hierarchy traversal, animated

Bilevel Edge Bundling

Indented tree

Zoomable treemap

Hierarchical edge bundling II

Marimekko

d3.packEnclose

Hierarchical bar chart

Force-directed tree

d3.stratify

Visiting a d3.hierarchy

d3.hierarchy

Cascaded treemap

Nested treemap

Treemap by count

Stretched Treemap

Collapsible tree

Hierarchical edge bundling

Zoomable circle packing

Zoomable sunburst

Zoomable icicle

Bubble chart component

Circle packing component

D3 Documentation

d3-hierarchy

Explore and explain patterns in quantitative data using D3, Vega, and Observable Plot

Observable

Visualization

Gallery

Alessandro Sassi

Hi, I cannot understand why 
find({name: name.substring(0, i), children: []}).children.push(data);
modifies the map.

There is no set() method that modifies it. 

Very confused !

It is a recursive call to the function itself. The map is modified when map.set is called.
Note that not all calls to find is with the root data map. The recursive calls are with empty children.

Karl-Johan V. Jensen

flare.json