> 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/gantt-chart.md).

# Gantt Chart

Visualize multiple data series of intervals as a Gantt chart

## Description

Visualize multiple data series of intervals as a Gantt chart

{% tabs %}
{% tab title="Preview" %}
![](https://97674526-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOQQ5Dv56AckPkeQ6O9Rf%2Fuploads%2FI0n37MurG1JxNGYPtzBk%2FGantt.png?alt=media\&token=cbb7af98-454e-4f95-ac9a-e7c0b427ffee)
{% endtab %}

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

**Nickname** | Gantt Chart

**Tab** | Ui

**Panel** | Chart

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

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

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

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

## Usage

![Gantt Chart](https://97674526-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOQQ5Dv56AckPkeQ6O9Rf%2Fuploads%2FpX6ECSjL1dHQogASlkn2%2Fimage.png?alt=media\&token=228e1d99-eed5-458b-82d7-65ac66f926c0)