Graphs/Connected Dot Plot
Edit src/renderers/d3/comparison/connected-dot-plot.ts and save to see changes across all configurations
Tests: 25Sections: 5
Container SizesSame 8-item dataset, different container dimensions
Small350×220 · 8 rows
Medium500×320 · 8 rows
Large700×420 · 8 rows
Wide800×280 · 8 rows
Tall400×550 · 8 rows
Data VariationsDifferent entity counts
5 items500×260 · 5 rows
10 items500×380 · 10 rows
15 items600×480 · 15 rows
20 items600×560 · 20 rows
Config VariationsDifferent display options
Labels on500×320 · 6 rows
Labels off500×320 · 6 rows
Show difference500×320 · 6 rows
Budget vs Actual550×360 · 8 rows
Labels + Difference550×360 · 6 rows
Color SystemNamed palettes and highlight modes
Default (Categorical)500×320 · 8 rows
Green Palette500×320 · 8 rows
Highlight: Design500×320 · 8 rows
Multi-Highlight500×320 · 8 rows
Warm Palette500×320 · 8 rows
Edge CasesStress tests and unusual data shapes
Identical values500×280 · 4 rows
Single row500×180 · 1 rows
Negative values550×320 · 5 rows
Reversed (start > end)500×320 · 5 rows
Huge gaps600×320 · 5 rows
Long labels650×380 · 5 rows