# DonutChart

**Kind:** Component

**Source:** [`atloria-monorepo/apps/web/src/components/Analytics/charts/DonutChart.tsx`](https://github.com/sherkety/atloria/blob/main/atloria-monorepo/apps/web/src/components/Analytics/charts/DonutChart.tsx#L54)

## Props

| Name | Type | Required | Default |
|---|---|---|---|
| `data` | `DonutDatum[]` | ✓ | - |
| `loading` | `boolean` | - | false |
| `centerLabel` | `string` | - | - |
| `colors` | `string[]` | - | unknown |
| `emptyMessage` | `string` | - | "No data yet" |
| `maxSlices` | `number` | - | 6 |

## Diagram

```mermaid
graph TD
    component_DonutChart_24b992bd["DonutChart"]
    class component_DonutChart_24b992bd rootComponent
```

## Relationships

- RENDERS → `ResponsiveContainer`
- RENDERS → `PieChart`
- RENDERS → `Pie`
- RENDERS → `Cell`
- RENDERS → `Tooltip`
- RENDERS → `CustomTooltip`