Area charts
Recharts area variants with distinct curves, stacks, ranges, gradients, gaps, and directions.
Smooth area
Monotone curve with a translucent brand fill.
Straight area
Linear edges preserve sharp point-to-point changes.
Natural area
Natural interpolation creates an organic silhouette.
Basis area
Basis interpolation produces a deeply rounded shape.
Step area
Step-after geometry suits inventory and state totals.
Gradient area
A vertical gradient fades cleanly into the surface.
Multi-area comparison
Two overlapping translucent areas retain their outlines.
Stacked area
Series stack vertically to show cumulative volume.
100% stacked area
Normalized series show proportional contribution over time.
Range area band
A two-value range renders lower and upper bounds.
Positive and negative area
Values diverge around a visible zero reference line.
Area with data gap
Null values deliberately interrupt both stroke and fill.
Connected missing area
The same missing values are bridged with connectNulls.
Vertical area
Categories run vertically for a distinct reading direction.
Threshold area
A reference line marks where the filled series crosses its limit.