Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Treemap rect placing

Public visualization

Viewing a saved revision (read-only)

6b63c3ade2224132b8d37a5e9c45dc5e

Treemap rect placing

1 star1🌍 Public
SSubhendu Karmakar
Last edited Mar 13, 2024
Created on Mar 13, 2024
Forked from Treemap in d3

Six panels display the same hierarchical dataset tiled with five different treemap layout algorithms—binary, dice, slice, slice-dice, and squarify—using the `d3.treemap` API. Each panel renders translucent steel-blue rectangles with white labels for node names. The code computes node sizes via `rootNode.sum((d) => d.size)` and positions descendants by `d.x0`/`d.y0` coordinates from the layout pass.

AI-generated description

D3 Hierarchies