# XWUIChartMilestone

A milestone chart: a fixed-type wrapper around `XWUIChart` (resolving to the `timeline`
renderer) that places discrete events as markers along a time axis, so key dates stand out
without the bars of a full Gantt. Construct it with `(container, data, conf_comp)` where data
is `{ series, title? }` - each point's `x` is the time position and `y` its value - then pick
a `size` preset and a `block` (1-4) styling variant. Use it for project milestones, release
dates, or any sequence of point-in-time events.

## Basic Usage

Two named series of monthly values rendered as timeline milestone markers at the medium size
preset.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: Two series rendered as point-in-time markers on a timeline.
```

## Product Launch Roadmap

Named release milestones from kickoff to GA laid out in order along the calendar.

```example
file: examples/ProductRoadmap.ts
html: examples/ProductRoadmap.html
title: Product Launch Roadmap
description: A single track of labelled product milestones across the year.
```

## Spacecraft Mission Timeline

Two parallel event tracks - spacecraft bus and science payload - sharing one elapsed-time axis.

```example
file: examples/MissionTimeline.ts
html: examples/MissionTimeline.html
title: Spacecraft Mission Timeline
description: Mission milestones split across bus and payload tracks from launch onward.
```

```api
```