Every fund on the platform laid out as a rectangle, area = AUM, color = strategy. Packs 22+ funds into one frame without an axis. Best when the breakdown matters more than absolute numbers — board updates, strategy mix reviews, where-does-our-money-sit conversations.
D3 v7's d3.treemap + d3.hierarchy. Edit the ROOT object — nested children with a value on leaves.
const ROOT = { name: "Aqua", children: [ { name: "Private Equity", children: [ { name: "Blackstone PE", value: 12000 }, // ... etc ]}, // ... other strategies ] };
Hierarchical share-of-total. Drop in 50+ items without going off-screen. Skip when items have similar sizes — a sunburst or simple bar list reads cleaner.
Strategy blocks are sorted largest-first, top-left to bottom-right. Within each strategy, funds are packed by AUM. Hover for the fund label and exact $ figure.