Charts

npx shadcn@latest add https://mzizi.dev/api/v1/ui/chart

import { ChartContainer, ChartTooltip, ChartTooltipContent } from "@/components/ui/chart"
import { AreaChart, Area, XAxis, YAxis } from "recharts"

const chartConfig = {
  visitors: { label: "Visitors", color: "var(--chart-1)" },
}

<ChartContainer config={chartConfig} className="h-[300px]">
  <AreaChart data={data}>
    <XAxis dataKey="month" />
    <YAxis />
    <Area dataKey="visitors" fill="var(--chart-1)" stroke="var(--chart-1)" />
    <ChartTooltip content={<ChartTooltipContent />} />
  </AreaChart>
</ChartContainer>