Delivery charts for product teams — sprint burndown, velocity and a milestone timeline — with honest status, a today marker and per-point detail on hover, focus or arrow keys.
Burndown
burndown.tsxRemaining points against the ideal line with a dotted forecast to the end date, a scope change marker, a today divider and a behind or on-track badge.
| Prop | Type | Default | Description |
|---|---|---|---|
sprint | string | — | Sprint name shown under the title. |
days | string[] | — | Working-day labels for the whole sprint. |
remaining | number[] | — | Points left at the end of each day so far; its last index is today. |
committed | number | 64 | Scope on day one; the ideal line starts here. |
scopeChange | { day, points, note } | — | Optional mid-sprint scope marker. |
Sprint velocity
sprint-velocity.tsxCommitted scope as dashed ghost bars, completed points filled in, the latest sprint in volt, a rolling average guide and a say/do ratio.
| Prop | Type | Default | Description |
|---|---|---|---|
title | string | "Sprint velocity" | Card heading. |
team | string | — | Caption under the title. |
sprints | Sprint[] | — | { name, committed, completed }, oldest first. |
Milestone timeline
milestone-timeline.tsxA mini Gantt where bars fill to their progress, milestones sit on a top lane, a today line cuts through and each row opens its dates and risk below.
| Prop | Type | Default | Description |
|---|---|---|---|
title | string | "Checkout revamp" | Project name. |
start | string | "2026-09-07" | ISO date of day zero. |
span / today | number | — | Days shown and today's day offset. |
tasks | TimelineTask[] | — | { id, name, owner, from, to, progress, atRisk? }. |
milestones | TimelineMilestone[] | — | { day, label } diamonds on the top lane. |
Install the whole set
Installs every project charts variant at once. Each section above has its own command for a single variant.
Pro installs use your private registry token. Add the @geturui-pro registry once — setup guide. The command works after you get Pro.
Accessibility
- Charts carry role="img" summaries that state the status in words (for example behind by 7 points), never by colour alone.
- Plots are focusable groups driven by left and right arrows; timeline rows are buttons that move with up and down arrows.
- Warnings pair an icon with text, and reduced motion renders bars and lines without growth or draw-in.