Graphs/Waterfall Chart

Edit src/renderers/d3/comparison/waterfall.ts and save to see changes across all configurations

Tests: 16Sections: 4

Filter:

Container SizesSame dataset, different container dimensions

Small300×250 · 6 rows

Medium500×350 · 6 rows

Large700×450 · 6 rows

Wide800×300 · 6 rows

Tall350×500 · 6 rows

Financial ScenariosDifferent waterfall use cases

Simple P&L600×400 · 6 rows

Budget variance600×400 · 6 rows

Headcount bridge600×400 · 7 rows

ConfigurationConnectors, colors, total columns

No connectors600×400 · 6 rows

Custom colors600×400 · 6 rows

No totals (all incremental)600×400 · 5 rows

Edge CasesUnusual data shapes

All positive500×350 · 4 rows

All negative (declining)500×350 · 5 rows

Many steps (10)700×400 · 10 rows

Long labels600×400 · 4 rows

Three items minimum400×300 · 3 rows