# XWUIChartStemAndLeaf

A stem-and-leaf chart: a fixed-type wrapper around `XWUIChart` that splits each value into a stem (leading digits) and leaf (trailing digit) to display a distribution while keeping the individual numbers visible. Supply `{ series }` of `{ x, y }` points plus a `block` preset (1-4) and `size`. Use it for small datasets where you want both the shape of the distribution and the actual values.

## Basic Usage

This example renders two series (Series A and Series B) of six monthly values (Jan-Jun), splitting each value into a stem and leaf so the distribution and the exact numbers are both visible, at medium size.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: Two monthly series broken into stems and leaves, so the values' tens become stems and their units become leaves while the distribution stays visible.
```

## Final Exam Score Distribution

Eighteen individual exam scores split into stems and leaves, so the cluster of grades in the 70s and 80s is visible while every score stays readable.

```example
file: examples/ExamScoreDistribution.ts
html: examples/ExamScoreDistribution.html
title: Final Exam Score Distribution
description: A single class section's 18 final-exam scores, tens as stems and units as leaves, exposing where the grades bunch up.
```

## Marathon Finish Times

Twenty marathon finishing times in minutes split into stems and leaves, revealing the bulk of finishers in the mid-pack range.

```example
file: examples/MarathonFinishTimes.ts
html: examples/MarathonFinishTimes.html
title: Marathon Finish Times
description: Twenty runners' finish times in whole minutes, with the stem-and-leaf split showing the cluster between roughly 3h40m and 4h20m.
```

```api
```