Graphs/Parallel Coordinates

Edit src/renderers/d3/parallel-coordinates.ts and save to see changes across all configurations

Tests: 28Sections: 6
Container SizesSame 50-phone dataset, different container dimensions
Small400×280 · 50 rows
Medium550×350 · 50 rows
Large750×450 · 50 rows
Wide900×300 · 50 rows
Tall400×550 · 50 rows
Dimension CountVarying number of parallel axes with 50 rows
3 dimensions500×350 · 50 rows
5 dimensions600×380 · 50 rows
8 dimensions750×400 · 50 rows
12 dimensions900×420 · 50 rows
Row CountVarying number of students across 5 subjects
10 students600×380 · 10 rows
50 students600×380 · 50 rows
100 students650×400 · 100 rows
200 students700×420 · 200 rows
Config VariationsDifferent visual options for line rendering
Opacity 0.3600×380 · 50 rows
Opacity 0.5 (default)600×380 · 50 rows
Opacity 0.8600×380 · 30 rows
Stroke 1600×380 · 50 rows
Stroke 2600×380 · 50 rows
No Axis Labels600×380 · 50 rows
Color SystemGroup coloring, named palettes, and highlight mode
Default Categorical (3 groups)650×400 · 60 rows
Green Palette650×400 · 60 rows
Highlight: Premium650×400 · 60 rows
Multi-Highlight (Muted)650×400 · 75 rows
Edge CasesUnusual data shapes and degenerate inputs
All identical on one axis650×400 · 30 rows
Extreme outlier650×400 · 31 rows
Single Row600×380 · 1 rows
No Grouping (uniform color)600×380 · 50 rows
Car Specs (Correlated)750×420 · 40 rows