Components
Sparkline
SketchSparkline — a hand-drawn inline trend line for a series of values.
SketchSparkline plots a sequence of numbers as a rough.js polyline. It's
fluid — it fills the width of its container, so wrap it to size it.
Default
import { SketchSparkline } from "blackchalk";<SketchSparkline data={[3, 7, 4, 9, 6, 11, 8, 14, 10]} />Taller
import { SketchSparkline } from "blackchalk";<SketchSparklinedata={[12, 9, 14, 8, 16, 11, 18, 13, 20, 15]}height={48}/>Props
| Prop | Type | Default |
|---|---|---|
data | number[] | — |
height | number | 30 |
See it in the Storybook playground, or read the source.