Murphy Logo Murphy

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

NameTypeDefault
data{ timestamp: number; price: number }[][]

On this page

How are you feeling?

Join Our Community