Graphs/Scatter Plot

Edit src/renderers/d3/relationship.ts and save to see changes across all configurations

Tests: 31Sections: 6

Filter:

Container SizesSame 50-point dataset, different container dimensions

Small400×280 · 50 rows

Medium550×350 · 50 rows

Large750×450 · 50 rows

Wide800×300 · 50 rows

Tall350×500 · 50 rows

Point CountVarying number of data points

20 points550×350 · 20 rows

50 points550×350 · 50 rows

100 points550×350 · 100 rows

500 points750×450 · 500 rows

Config VariationsDifferent visual config options

Radius 3550×350 · 50 rows

Radius 5 (default)550×350 · 50 rows

Radius 8550×350 · 50 rows

Opacity 0.4550×350 · 50 rows

Opacity 1.0550×350 · 50 rows

Trend Line550×350 · 50 rows

Jitter 15550×350 · 50 rows

Size Encoding600×380 · 50 rows

Group ColoringCategorical grouping with color encoding

Ungrouped550×350 · 50 rows

3 groups600×380 · 60 rows

5 groups650×400 · 100 rows

3 groups + trend600×380 · 60 rows

Color SystemNamed palettes, highlight mode, and muted opacity

Default Categorical600×380 · 60 rows

Green Palette600×380 · 60 rows

Highlight: Cluster A600×380 · 60 rows

Multi-Highlight (Muted)600×380 · 75 rows

Edge CasesUnusual data shapes and degenerate inputs

Same X (vertical)550×350 · 30 rows

Same Y (horizontal)550×350 · 30 rows

Outliers550×350 · 44 rows

Single Point550×350 · 1 rows

All Same (x=y=50)550×350 · 20 rows

Perfect Diagonal550×350 · 20 rows