/docsfor

Treemap

Nested totals as nested area.

import { Treemap } from "diagrammatic";

A treemap with four tiles is a pie. This one is the annual opex tree: engineering, go-to-market, and G&A, then the teams inside them.

FY25 opexplatform14.2product11.6infra8.4data6.1security3.8sales12.4success5.6marketing4.9par…2.2people4.8finance3.1legal2.4facilities2.1other2.4

Illustrative data. FY25 operating expense, $84.0m. Leaves are teams.

fig. 22 · FY25 opex, three branches

Engineering holds 44.1m of the 84m total, slightly more than half. Platform's 14.2m is smaller than G&A's 14.8m combined. Sales at 12.4m exceeds the product team's 11.6m. Legal and facilities are among the smallest leaves at 2.4m and 2.1m.

Use it for
Hierarchical composition with many leaves, biggest first.
Watch out
Area compares poorly across distant tiles; label the few that matter.