# XWUIChartPie

XWUIChartPie wraps XWUIChart with the chart `type` fixed to `'pie'`, rendering a single `{series}` of categories as proportional wedges of one circle. Reach for it when you want to show how a whole splits into a handful of parts and the slices sum to a meaningful 100%. Configure it with `block` (1-4, clamped) to pick the variant layout and `size` (`sm`, `md`, or `lg`) to set the dimensions.

## Basic Usage

This example renders a single five-slice "Share" breakdown (A=35, B=25, C=20, D=12, E=8) as a pie at medium size, so each category becomes a wedge sized by its share of the total.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: A single five-slice "Share" series (A-E) drawn as proportional pie wedges at medium size.
```

## With Legend

A five-slice browser-usage breakdown rendered with the legend and on-slice value labels enabled.

```example
file: examples/WithLegend.ts
html: examples/WithLegend.html
title: With Legend
description: Named browser-usage slices (Chrome, Safari, Edge, Firefox, Other) with a legend and on-slice value labels.
```

## Market Share

A realistic six-way cloud-provider market-share split summing to 100% as a large interactive pie.

```example
file: examples/MarketShare.ts
html: examples/MarketShare.html
title: Market Share
description: Cloud infrastructure market share (AWS, Azure, Google Cloud, Alibaba, Oracle, Others) as an interactive pie with a legend.
```

## Few vs Many Categories

A twelve-category language distribution showing how a pie copes with many slices.

```example
file: examples/FewVsMany.ts
html: examples/FewVsMany.html
title: Few vs Many Categories
description: A twelve-slice repository language distribution (lines of code per language) drawn as a large pie with a legend.
```

```api
```