Area
Filled area charts and stacked area charts for cumulative values over time.
Use areas to emphasize volume or show part-to-whole relationships over a continuous dimension.
areaY
Fill from the baseline to each y value:
Stacked areas
When fill maps to a field, areas stack automatically. Good for showing how parts compose a whole over time:
With a line
Layer a line mark on top for a clearer edge. Share data at the top level:
areaX
Horizontal area – fill from baseline to each x value:
Properties
| Field | Type | Default | Description |
|---|---|---|---|
strokeWidth | number | 0 | Stroke outline width. Set > 0 to add an outline around the area. |
curve | "linear" | "monotone" | "step" | theme | Interpolation (defaults to the theme's curve). monotone smooths without overshoot. |
label | true | { end?: boolean | ("category" | "value" | "percent")[]; format?: string } | – | Label each stacked band at its right edge (name, value, or percent), replacing the legend. true names the band. |