Graphs/Icicle Chart

Edit src/renderers/d3/composition/icicle.ts and save to see changes across all configurations

Tests: 10Sections: 4

Filter:

Container SizesSame dataset, different container dimensions

Small300×250 · 8 rows

Medium500×400 · 8 rows

Large700×500 · 8 rows

Wide800×300 · 8 rows

OrientationHorizontal vs vertical layout

Horizontal (default)600×400 · 8 rows

Vertical600×400 · 8 rows

Hierarchy DepthSingle level, 3+ levels

Single level600×350 · 4 rows

3 levels deep700×450 · 9 rows

Edge CasesMany items, unbalanced tree

Unbalanced600×400 · 5 rows

No values shown600×400 · 8 rows