---
## AreaChart
Area chart for trends with volume emphasis — filled regions
under each series, optionally stacked. Zero-dependency SVG on the design-
token palette, responsive, dark-mode aware, with a screen-reader data-table
fallback.
**Import:** `import { AreaChart } from '@urbicon-ui/blocks';`
### Examples
```svelte
```
### Api
| Prop | Type | Required | Default | Description |
| --- | --- | :---: | --- | --- |
| data | `CartesianDatum[]` | yes | | Ordered categories with per-series values. |
| ...HTMLAttributes | `HTMLAttributes` | no | | HTML attributes (excluding: 'children') |
| ariaLabel | `string` | no | | Accessible label; a summary is generated when omitted. |
| class | `string` | no | | Extra classes merged onto the wrapper. |
| fillOpacity | `number` | no | 0.2 (overlay) / 0.85 (stacked) | Opacity of the area fill (0–1). |
| formatValue | `(value: number) => string` | no | | Format values for axis labels, tooltips, and the data table. |
| height | `number` | no | 240 | Height property for the AreaChart component |
| locale | `string` | no | | BCP-47 locale for the default number formatter. |
| margin | `ChartMargin` | no | | Plot margins; merged over the defaults. |
| preset | `string` | no | | Apply a named preset registered on ``. |
| series | `ChartSeries[]` | no | | Series metadata (labels + colors); defaults to one per value column. |
| showGrid | `boolean` | no | true | Render horizontal gridlines. |
| showLegend | `boolean` | no | true | Show the series legend (only renders with >1 series). |
| slotClasses | `ChartSlotClasses` | no | | Per-slot class overrides. |
| stacked | `boolean` | no | false | Stack series cumulatively instead of overlaying them. |
| unstyled | `boolean` | no | | Remove all default tv classes. |
| width | `number` | no | | Fixed width in px; omit for responsive width. |
Inherited from:
- Omit, 'children'> (omit-pattern)