synthetic
Sparkline
A tiny trend line with no axes, made to sit inside a sentence, a table cell or a stat card.
Weekly throughputTasks done per week, 3 Aug to 19 Oct
Tasks done per week
In context
Stat rowsOne line per measure, trend on the right
This week12-week trend
Open tasks
42
↓ 6 this week
Due soon
7
3 today
Done
33
↑ 4 vs last week
Props
| Prop | Type | Required | Default |
|---|---|---|---|
values | number[] | Yes | — |
color | string | undefined | No | var(--rebar-color-primary, #0066cc) |
width | number | undefined | No | 120 |
height | number | undefined | No | 32 |
ariaLabel | string | Yes | — |
data-rebar-* attributes
data-rebar-component="sparkline" on the root <svg> itself — unlike the other charts, there is no wrapping <figure> and no data-rebar-part.
Migrating to Ant Design
Not codemod-covered — AntD ships no chart components of its own (it recommends pairing with a separate charting library, e.g. @ant-design/charts, built on G2Plot); a migration reimplements this inline trend line against whichever charting library the target project already uses.