Sparkline
The Sparkline component is a line chart that displays the price of a token over time.
Sparkline
+$0.0000926
Installation
Install Murphy Price Change
pnpm dlx shadcn@canary add https://www.murphyai.dev/r/price-change.json
Install Murphy Sparkline
pnpm dlx shadcn@canary add https://www.murphyai.dev/r/sparkline.json
Basic usage
import { Sparkline } from "@/components/ui/murphy/sparkline";
<Sparkline data={[
{
"timestamp": 1729497600,
"price": 0.0859761699383211
},
{
"timestamp": 1729501200,
"price": 0.08605958846019263
},
{
"timestamp": 1729504800,
"price": 0.08700024496006961
},
{
"timestamp": 1729508400,
"price": 0.08606881239339946
}
]} />
Props
Name | Type | Default |
---|---|---|
data | { timestamp: number; price: number }[] | [] |