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

# Donut Chart

Visualize multiple data series of numbers as a donut chart

## Description

Visualize multiple data series of numbers as a donut chart

{% tabs %}
{% tab title="Preview" %}
![](https://97674526-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOQQ5Dv56AckPkeQ6O9Rf%2Fuploads%2FLNXiRMTkPb64jwEujQU5%2FDonut.png?alt=media\&token=cd452640-f0ab-40be-92b5-4b51e9abe8d6)
{% endtab %}

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

**Nickname** | Donut Chart

**Tab** | Ui

**Panel** | Chart

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

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

**R** | **Inner Radius** (*Number*) | The inner radius of the donut chart. 0 = Pie
{% endtab %}

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

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

## Usage

![Donut](https://97674526-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOQQ5Dv56AckPkeQ6O9Rf%2Fuploads%2FVgPin8gPDue7z0CJiGkU%2FDonut.png?alt=media\&token=480b3f39-f667-4030-9c2d-a9324288dbfc) ![Pie (Radius = 0)](https://97674526-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOQQ5Dv56AckPkeQ6O9Rf%2Fuploads%2F75e0pBdIQtX7IWOUW8rI%2FDonutPie.png?alt=media\&token=256237d6-039e-4253-8331-525da816ae36)

![Donut (Multiple Data Sets)](https://97674526-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOQQ5Dv56AckPkeQ6O9Rf%2Fuploads%2FFAOEwjqb6Vb7Wq5buvN9%2FDonutRings.png?alt=media\&token=1a4b6c0e-632a-4b26-92f0-fe6b7aff5c60)