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

# Bar Chart

## Description

Visualize multiple data series of numbers as a bar chart

{% tabs %}
{% tab title="Preview" %}
![](/files/FH78T0ShL7ctq2TiksCn)
{% endtab %}

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

**Nickname** | Bar 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
{% endtab %}

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

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

## Usage

![Adjacent Horizontal](/files/WXbpEfvHSwCToSlQobzj) ![Adjacent Vertical](/files/gamE3VHXo1U1CL6inZv3)

![Stacked Horizontal](/files/vQGvWtbx3AccTX50WVEJ) ![Stacked Vertical](/files/CT77A1YC9X3lYaAykwQt)

![Stretch Horizontal](/files/x2M3E5MU9Spn9wTh0RDK) ![Stretch Vertical](/files/oT4NcAO6I1t9HZQyJaLW)