Chart · Components

The web kit's real component, live. Follows this site's theme.

Usage

Colour every series with a chart token through the config, never a hex.

<ChartContainer config={{ key: { label, color: "var(--chart-1)" } }}><BarChart data>…</BarChart></ChartContainer>

Already in every copy of the web kit:

import { ChartContainer, ChartTooltip, ChartTooltipContent, ChartLegend, ChartLegendContent } from '@/components/ui/chart';

Exports: ChartContainer, ChartTooltip, ChartTooltipContent, ChartLegend, ChartLegendContent
Source: apps/web/components/ui/chart.tsx
Also searched as: graph, bar chart, line chart, recharts
Upstream: Unchanged from shadcn/ui; installs from their registry.

Agents: the whole registry is at /llms.txt.