---
url: https://chartbuddy.io/embed/docs/samples/stacked-area.md
---
> Docs index: [llms.txt](https://chartbuddy.io/embed/docs/llms.txt)

# Sample: Stacked Area

## Live preview

## Code

```html
<div id="chart" style="width:800px;height:420px"></div>
<script type="module">
  import { Insight } from 'https://unpkg.com/@chartbuddy.io/embed';

  new Insight('#chart', {
    chartData: {
      chartType: 'stackedArea',
      isDataTransposed: true,
      seriesData: [
        ['', 'Q1', 'Q2', 'Q3', 'Q4'],
        ['Series A', 20, 28, 26, 32],
        ['Series B', 12, 14, 18, 16],
      ],
      title: { visible: true, text: 'Area mix' },
      subtitle: { visible: false, text: '' },
    },
  });
</script>
```