Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Treemap rect placing

Public visualization

Viewing a saved revision (read-only)

9f2e16c9cbf84b23adb2702bddf9beaf

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