Sparkline
For KPI cards; the last point pulses.
<Sparkline />1 variant
Live — the real React Native component rendered with react-native-web. Tap, drag and scrub it.
Installation
terminal
npx expo install expo-charts react-native-svgUsage
Import the component and pass your data. Width defaults to the parent, so it adapts to phones, tablets and rotation.
Sparkline.tsx
<Sparkline data={[4, 8, 6, 9, 12]} height={36} />Props
| Prop | Type | Default |
|---|---|---|
| data Values. | number[] | — |
| showArea / showLastDot Extras. | boolean | true / true |
Did you like the content?