atom
gy-sparkline
Small SVG line-chart for at-a-glance trends rendering a single-stroke path over a soft gradient fill with no axes, labels, or grid.
Live
What you ship.
Markup
<gy-sparkline label="14-day PR velocity, 3 to 14 per day, trending up" width="720" height="64"></gy-sparkline>Prop space
Tier
Tag
| Prop | Type | Default | Description |
|---|---|---|---|
values | readonly number[] | [] | Data values driving the line. |
width | number | 720 | SVG width in user units. |
height | number | 64 | SVG height in user units. |
label * | string | no default | Required for accessibility — promoted to the SVG's aria-label. The line is meaningful (trending up ≠ trending down ≠ flat), so screen readers need an explicit description. |
Where this lives
import '@gyrum-labs/components/sparkline/sparkline.js';