What it does
Layers `Area` shapes with gradients friendly defaults.
Density and appearance tokens align with line and bar charts.
Data shape
Same cartesian model: `xKey` for the shared axis, numeric keys per series.
Common use cases
- Market share over quarters.
- Traffic sources as a stacked composition.
- Smoothed demand curves with fill emphasis.
Accessibility
Ensure stacked fills remain distinguishable at reduced opacity.
Provide textual alternatives where precise values matter for compliance.
Next.js integration notes
Import from `@zentauri-ui/zentauri-components/charts/area` inside client components when interaction is required.
FAQ
When should I stack areas?
Use stacking when parts compose a meaningful total; keep unstacked areas when overlap is intentional and totals are not additive.
Do fills respect theme colors?
Series resolve palette strokes and fills; override with `color` or `fill` on each series when branding requires it.