# XWUIChartStreamgraph

A streamgraph: a fixed-type wrapper around `XWUIChart` that stacks series as flowing bands around a central baseline (rather than a flat axis), producing an organic ribbon whose thickness shows each series' magnitude over x. Pass `{ series }` plus a `block` preset (1-4) and `size`. Use it for the evolution of many categories over time where overall composition and ebb-and-flow matter more than exact values.

## Basic Usage

Two series (Series A and Series B) of six monthly values, Jan through Jun, rendered at medium size as two flowing bands around a center baseline whose thicknesses swell across the months.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: Two monthly series stacked as flowing bands around a central baseline across six months.
```

## Music Genre Listening Share

Four music genres tracked over eight years, with the rising Hip-Hop and Latin streams swelling as Rock recedes and Pop stays flat.

```example
file: examples/GenrePopularity.ts
html: examples/GenrePopularity.html
title: Music Genre Listening Share
description: Streaming hours for four genres over eight years, flowing as overlapping bands around a center baseline.
```

## Cloud Workload Mix by Quarter

Eight quarters of cloud compute hours across three workload types, where the ML Training band balloons to dominate the later periods.

```example
file: examples/CloudWorkloads.ts
html: examples/CloudWorkloads.html
title: Cloud Workload Mix by Quarter
description: Compute hours for Web, ETL, and ML workloads over eight quarters as flowing bands.
```

```api
```