# XWUIChartSwimlaneTimeline

A swimlane timeline chart: a fixed-type wrapper around `XWUIChart` that arranges events along a time axis grouped into horizontal lanes (one lane per category or owner), so parallel tracks of activity are easy to compare. Supply `{ series }` (a series per lane) plus a `block` preset (1-4) and `size`. Use it for schedules, project phases, or processes where you need to see what happens in each track over time.

## Basic Usage

This example lays out the two series, Series A and Series B, as two horizontal lanes and plots their six monthly values (Jan through Jun) along the shared time axis at medium size, so the two tracks can be read side by side.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: Two series rendered as parallel swimlanes, each carrying its six monthly Jan-Jun values along the time axis.
```

## Product Release Plan

Four delivery phases - Design, Build, QA, and Release - stack as parallel swimlanes, so the staffing handoff across an eight-week release is visible as each phase peaks while the previous one winds down.

```example
file: examples/ProductReleasePlan.ts
html: examples/ProductReleasePlan.html
title: Product Release Plan
description: Design, Build, QA, and Release lanes carry weekly staffing across an 8-week release, showing the handoff between phases.
```

## CI Pipeline Stages

Five continuous-integration stages - Checkout, Build, Test, Security Scan, and Deploy - each occupy a lane, tracking per-stage duration across the day's builds so the slowest step stands out.

```example
file: examples/CiPipelineStages.ts
html: examples/CiPipelineStages.html
title: CI Pipeline Stages
description: Five CI stages as lanes plot per-stage build duration through the day, surfacing the Test stage as the bottleneck.
```

```api
```