Graphs/Bump Chart

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

Tests: 24Sections: 5

Filter:

Container SizesSame 5-entity / 6-period dataset, different container dimensions

Small350×220 · 30 rows

Medium500×320 · 30 rows

Large700×420 · 30 rows

Wide800×280 · 30 rows

Tall350×500 · 30 rows

Entity CountVarying number of ranked entities with 6 time periods

3 entities500×280 · 18 rows

5 entities500×340 · 30 rows

8 entities600×400 · 48 rows

12 entities700×480 · 72 rows

Time Period CountVarying number of time periods with 5 entities

4 periods (Quarters)500×320 · 20 rows

6 periods (Years)550×340 · 30 rows

8 periods600×360 · 40 rows

12 periods (Months)700×380 · 60 rows

Color SystemNamed palettes and highlight modes for rank lines

Default (Categorical)550×340 · 30 rows

Green Palette550×340 · 30 rows

Purple Palette550×340 · 30 rows

Highlight: Bravo550×340 · 30 rows

Multi-Highlight550×340 · 30 rows

Edge CasesStress tests and unusual ranking patterns

Tied ranks550×320 · 9 rows

Single entity500×220 · 6 rows

Stable rank550×320 · 24 rows

Dramatic swaps550×340 · 16 rows

Long entity names700×380 · 16 rows

Many entities + periods750×500 · 80 rows