Charts

A collection of different chart components using chart.js

AreaChart

Newsletter revenue over time (USD)

Usage

import { LineChart } from "~/components/ui/charts"
const chartData = {
  labels: ["January", "February", "March", "April", "May"],
  datasets: [
    {
      label: "Sales",
      data: [50, 60, 70, 80, 90],
      fill: true
    }
  ]
}
<LineChart data={chartData} />

Other charts

You can use all charts provided by chart.js: