Graphs/Line Chart

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

Tests: 33Sections: 6

Filter:

Container SizesSame single-series dataset, different container dimensions

Small400×250 · 30 rows

Medium600×350 · 30 rows

Large800×450 · 30 rows

Wide900×250 · 30 rows

Tall350×500 · 30 rows

Series CountVarying number of overlaid series with 50 data points each

1 series600×350 · 50 rows

3 series600×350 · 150 rows

5 series700×400 · 250 rows

8 series800×450 · 400 rows

Point DensitySingle series with varying numbers of data points

10 points600×350 · 10 rows

30 points600×350 · 30 rows

50 points600×350 · 50 rows

100 points600×350 · 100 rows

200 points700×400 · 200 rows

Config VariationsDifferent display options and interpolation styles

Show Points600×350 · 30 rows

Show Area600×350 · 30 rows

Linear600×350 · 30 rows

Monotone (default)600×350 · 30 rows

Step600×350 · 30 rows

Cardinal600×350 · 30 rows

Stroke Width 1600×350 · 30 rows

Stroke Width 3600×350 · 30 rows

Color SystemNamed palettes, highlights, and multi-highlight with muted opacity

Default (Categorical)600×350 · 120 rows

Green Palette600×350 · 120 rows

Highlight: Revenue600×350 · 120 rows

Multi-Highlight (Muted)600×350 · 120 rows

Warm Palette600×350 · 200 rows

Edge CasesUnusual data shapes and stress tests

Gaps (null values)600×350 · 40 rows

Single point400×280 · 1 rows

Flat line600×350 · 20 rows

Huge values600×350 · 30 rows

Tiny values600×350 · 30 rows

Area + 3 series700×400 · 120 rows