Graphs/Connected Scatter
Edit src/renderers/d3/connected-scatter.ts and save to see changes across all configurations
Tests: 23Sections: 5
Container SizesSame 10-step single path, different container dimensions
Small400×280 · 10 rows
Medium550×350 · 10 rows
Large750×450 · 10 rows
Wide800×300 · 10 rows
Tall350×500 · 10 rows
Path LengthVarying number of points per trajectory
5 steps550×350 · 5 rows
10 steps550×350 · 10 rows
20 steps550×350 · 20 rows
50 steps600×400 · 50 rows
Config VariationsDifferent visual options for connected paths
Arrows550×350 · 12 rows
Line Width 1550×350 · 12 rows
Line Width 3550×350 · 12 rows
Dot Radius 2550×350 · 12 rows
Dot Radius 6550×350 · 12 rows
Show Labels600×380 · 10 rows
Color SystemMulti-entity coloring, palettes, and highlight mode
Default Categorical650×400 · 36 rows
Green Palette650×400 · 36 rows
Highlight: Alpha650×400 · 36 rows
Multi-Highlight (Muted)650×400 · 48 rows
Edge CasesUnusual path shapes and degenerate inputs
Loop (returns to start)550×400 · 16 rows
Single Point550×350 · 1 rows
Crossing Paths650×400 · 16 rows
Straight Line550×350 · 10 rows