Graphs/Slope Chart

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

Tests: 25Sections: 5
Container SizesSame 5-entity dataset, different container dimensions
Small350×220 · 10 rows
Medium500×320 · 10 rows
Large700×420 · 10 rows
Wide800×280 · 10 rows
Tall350×500 · 10 rows
Entity CountVarying number of slope lines
3 entities500×320 · 6 rows
6 entities500×360 · 12 rows
10 entities600×420 · 20 rows
15 entities700×500 · 30 rows
Config VariationsDifferent display options
Labels on500×320 · 10 rows
Labels off500×320 · 10 rows
Year periods500×320 · 10 rows
Month periods500×320 · 10 rows
Before/After500×320 · 12 rows
Color SystemNamed palettes, highlight mode for slope lines
Default (Categorical)500×320 · 12 rows
Green Palette500×320 · 12 rows
Purple Palette500×320 · 12 rows
Highlight: Charlie500×320 · 12 rows
Multi-Highlight500×320 · 12 rows
Edge CasesStress tests and unusual data
All crossing500×320 · 6 rows
Identical values500×320 · 6 rows
Single entity500×280 · 2 rows
Huge range600×380 · 6 rows
All increasing500×320 · 8 rows
Long entity names700×380 · 6 rows