Performance management chart
CTL (fitness) / ATL (fatigue) / TSB (form) lines + daily load bars. Self-contained SVG, time-based X axis.
Primitive:
ChartPMC· Standalone (no ChartRoot needed)Interactive demo
Usage
import { ChartPMC } from '@ramtt/charts'
<ChartPMC
data={pmc} // [{ date, ctl, atl, tsb, load }, …]
width={800}
height={360}
/>Props
| Prop | Type | Default | Description |
|---|---|---|---|
| data* | readonly PMCDay[] | — | Daily PMC data [{ date, ctl, atl, tsb, load }, …] |
| width | number | 800 | Width in px |
| height | number | 360 | Height in px |
| ctlColor | string | '#4A90D9' | CTL line color (blue) |
| atlColor | string | '#E05D6F' | ATL line color (red) |
| tsbColor | string | '#D4A843' | TSB line color (gold) |
| showBars | boolean | true | Render daily load bars |
| grid | boolean | true | Show grid lines |