Area Chart - Interactive
Revenue vs costs over 30 days with segment selection

Click and drag to select a range

Area Chart
Default area with gradient fill and smooth curve

Trending up by 5.2% this month

Area Chart - Step
Discrete step interpolation between points

Trending up by 5.2% this month

Area Chart - Stacked
Layered areas comparing desktop and mobile

Trending up by 5.2% this month

Area Chart - Gradient
Solid fill with gradientToOpacity control

Trending up by 5.2% this month

Area Chart - No Stroke
Softer look with the stroke line hidden

Trending up by 5.2% this month

Area Chart - Fade Edges
Area fill fades at the left and right edges

Trending up by 5.2% this month

Area Chart - Segment Selection
Click and drag to select a range

Click and drag on the chart to select a segment

Area Chart - Pattern
Diagonal line pattern fill instead of gradient

Trending up by 5.2% this month

Area Chart - Y Axis
With y-axis value labels on the left

Trending up by 5.2% this month