# XWUIChartRadialBar

XWUIChartRadialBar is a thin wrapper around XWUIChart that fixes the chart `type` to `'radialBar'`, drawing each value as a bar that radiates outward from a common center around a circular axis. Pass `{ series }` data and configure it with `block` (1-4, clamped) and `size` (`'small'` | `'medium'` | `'large'`). Use it when a circular bar layout reads better than a flat column chart for comparing a handful of categories, such as a compact share or ranking display.

## Basic Usage

This example passes a single "Share" series of five slices (A=35, B=25, C=20, D=12, E=8) to the constructor at `size: "md"`, rendering five bars radiating from the center, one per category.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: A single five-slice "Share" breakdown (A=35, B=25, C=20, D=12, E=8) shown as five bars radiating from a common center at medium size.
```

## Team Capacity Utilization

Each department's sprint utilization as an interactive radial bar, so over-committed and under-loaded teams stand out instantly.

```example
file: examples/TeamCapacityUtilization.ts
html: examples/TeamCapacityUtilization.html
title: Team Capacity Utilization
description: Seven engineering departments' utilization (%) as interactive radial bars with data labels.
```

## Survey Satisfaction by Category

CSAT scores across five service categories, comparing new and loyal customers as two filled radial-bar series.

```example
file: examples/SurveySatisfaction.ts
html: examples/SurveySatisfaction.html
title: Survey Satisfaction by Category
description: New vs loyal customer satisfaction (%) for Support, Pricing, UX, Docs and Speed as two filled radial-bar series.
```

```api
```
