# XWUIChartRaincloud

XWUIChartRaincloud is a thin wrapper around XWUIChart that fixes the chart `type` to `'raincloud'`, a distribution plot that pairs a density "cloud" with the underlying "rain" of individual points for each series. Pass `{ series }` data and configure it with `block` (1-4, clamped) and `size` (`'small'` | `'medium'` | `'large'`). Use it when you want to compare the shape and spread of two or more distributions side by side rather than just their summary values.

## Basic Usage

This example passes two monthly series (Series A and Series B, Jan-Jun) to the constructor at `size: "md"`, rendering a raincloud distribution for each of the two series.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: Two monthly series (Series A and Series B, Jan-Jun) shown as side-by-side raincloud distributions at medium size.
```

## Response Time by Endpoint

Per-request latency samples grouped under each API endpoint as one distribution, exposing which routes are consistently fast and which have a long, slow tail.

```example
file: examples/ResponseTimeByEndpoint.ts
html: examples/ResponseTimeByEndpoint.html
title: Response Time by Endpoint
description: Multiple latency samples per endpoint plotted as a single millisecond distribution series with the grid enabled.
```

## Exam Scores by Class

Two class sections compared as separate score distributions across the same set of subjects.

```example
file: examples/ExamScoresByClass.ts
html: examples/ExamScoresByClass.html
title: Exam Scores by Class
description: Section A and Section B exam scores shown as two interactive distributions across Math, Science, and History with a points unit.
```

```api
```