DataBrowse data components
Sparkline
SVG inline mini-chart container. Pair with stats for trend at-a-glance.
Live preview
Latency p95
128ms
Usage
Adapters:React stableVue stable
index.html
<svg class="lm-sparkline" viewBox="0 0 100 30">
<path class="lm-sparkline-line" d="M0,22 L10,18 …" />
</svg>CSS classes (3)
| Class | Description |
|---|---|
lm-sparkline | <svg> wrapper sized to inherit currentColor |
lm-sparkline-line | Stroked line path |
lm-sparkline-area | Filled area path |
React props (2)
| Prop | Type | Default | Description |
|---|---|---|---|
data | number[] | — | — |
color | string | — | Override via inline color style |
Accessibility
- Provide a textual value next to the sparkline; include aria-label.
Spotted something wrong? Edit this entry on GitHub.