Sparkline that draws itself on mount, fades in the area beneath, then marks the last point with its value and a gently pulsing dot.
The import and the props worth knowing about, in one place.
import { Chart8 } from "@/components/beste/piece/chart8";
<Chart8
label="Monthly recurring revenue"
caption="Last 12 months"
values={[
18.2,
21.4,
20.9,
24.8,
27.1,
26.4,
30.2,
33.8,
33.1,
38.6,
41.9,
46.3
]}
prefix="$"
suffix="k"
tone="emerald"
/>Horizontal bars whose values keep drifting, so rows glide up and down to their new rank while the bars stretch and shrink underneath.