Chart

Themed Recharts charts with tooltip and legend. Data is pinned and animation is off so the preview does not drift.

Preview

Installation

$ pnpm dlx shadcn@latest add https://stylexcn.vercel.app/r/chart.json

$ pnpm dlx shadcn@latest add @stylexcn/chart

Usage

<ChartContainer config={chartConfig}>
  <BarChart accessibilityLayer data={chartData}>
    <CartesianGrid vertical={false} />
    <XAxis dataKey="month" tickLine={false} axisLine={false} />
    <ChartTooltip content={<ChartTooltipContent hideLabel />} />
    <Bar dataKey="desktop" fill="var(--color-desktop)" radius={8} />
  </BarChart>
</ChartContainer>