> For the complete documentation index, see [llms.txt](https://interopxyz.gitbook.io/ui-plus/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://interopxyz.gitbook.io/ui-plus/components/chart/area-chart.md).

# Area Chart

Visualize multiple data series as an area chart

## Description

Visualize multiple data series as an area chart

{% tabs %}
{% tab title="Preview" %}
![](https://97674526-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOQQ5Dv56AckPkeQ6O9Rf%2Fuploads%2FN3zJQYWR3K5XQbwgpo8y%2FArea.png?alt=media\&token=500082f0-dc5b-4c54-bc96-8162731adb97)
{% endtab %}

{% tab title="Location" %}
**Name** | Ui Area Chart

**Nickname** | Area Chart

**Tab** | Ui

**Panel** | Chart

**Division** | 4
{% endtab %}

{% tab title="Inputs" %}
**Ds** | **Data Series** (*Ui+ Data Series*) | A Ui Data Series object to visualize

**H** | **Horizontal** (*Bool*) | "If true, the bars will be displayed horizontally

**T** | **Type** (*Integer*) | Graph Type

**S** | **Smoothness** (*Number*) | The curvature of the chart. (0 = line, 1 = spline)
{% endtab %}

{% tab title="Ouputs" %}
**E** | **Element** (*Ui+ Element*) | Ui Element Chart.
{% endtab %}

{% tab title="Mode" %}
*none*
{% endtab %}
{% endtabs %}

## Usage

![Stacked Horizontal](https://97674526-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOQQ5Dv56AckPkeQ6O9Rf%2Fuploads%2FnPjhPvQQ6Y5sstIeyglk%2FAreaH.png?alt=media\&token=6866f94f-aeb9-4b04-a775-57ea2e11ac22) ![Stacked Vertical](https://97674526-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOQQ5Dv56AckPkeQ6O9Rf%2Fuploads%2FvRN8FiStNi88EXzpIeuW%2FAreaV.png?alt=media\&token=28e981fd-086b-42df-b20c-e4f10f331366)

![Stretched Horizontal](https://97674526-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOQQ5Dv56AckPkeQ6O9Rf%2Fuploads%2FqAW36v7R4KSq3Ds7gr8c%2FStackedH.png?alt=media\&token=c3da274d-90b4-4f80-b95f-b2e65f26f200) ![Stretched Vertical](https://97674526-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOQQ5Dv56AckPkeQ6O9Rf%2Fuploads%2FnO0ZepakpmoEX1XdXpH3%2FStackedV.png?alt=media\&token=9cf91f4c-ee34-4d32-a1c6-01029ed65a91)