Graphs/Area Chart

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

Tests: 20Sections: 7

Filter:

Container SizesSingle series area at different container sizes

Small350×220 · 36 rows

Medium500×320 · 36 rows

Large700×420 · 36 rows

Wide900×300 · 36 rows

Curve InterpolationDifferent interpolation modes

Monotone (default)500×300 · 36 rows

Linear500×300 · 36 rows

Step (staircase)500×300 · 36 rows

Curve (smooth rounded)500×300 · 36 rows

Fill OpacityDifferent opacity levels

Light (0.3)500×300 · 36 rows

Default (0.7)500×300 · 36 rows

Solid (1.0)500×300 · 36 rows

Multi-Series (Overlapping)Multiple series overlaid without stacking

3 Series600×380 · 54 rows

5 Series700×420 · 90 rows

Stacked AreaSeries stacked on top of each other

3 Series Stacked600×380 · 54 rows

5 Series Stacked700×420 · 90 rows

Normalized (100%) StackedStacked to 100% showing proportions

3 Series Normalized600×380 · 54 rows

5 Series Normalized700×420 · 90 rows

Edge CasesUnusual data shapes

Few Points (4)500×300 · 4 rows

Many Points (100)700×350 · 100 rows

Large Values500×300 · 24 rows