Data Display
Chart
Recharts wrapper that emits theme-token CSS variables for series colors.
Preview
Import
ts
import { ChartContainer, ChartTooltip, ChartTooltipContent } from '@/components/ui/chart';Usage
tsx
<ChartContainer config={{ visits: { label: 'Visits', color: '#22c55e' } }}>
<BarChart data={data}>
<Bar dataKey="visits" fill="var(--color-visits)" />
</BarChart>
</ChartContainer>