Chart

From the registry

shadcn's Chart over Recharts, restyled to the brand. Recharts is a charting library rather than a headless primitive library, so nothing here swaps out of Radix; what the port changes is the palette. ChartContainer takes a ChartConfig keyed by series and ChartStyle writes it out as --color-<series> custom properties scoped to that one chart's data-chart attribute, so a series colour is passed in by the caller from the brand tokens and never restated here. Recharts paints its own defaults as literal hex, so the container overrides them by attribute selector: grid, polar-grid and reference lines take --border, the tooltip cursor takes --border or --muted, and the white dot and sector strokes go transparent. Axis ticks and legend labels are --text-subtle. The tooltip surface is the raised popover at the kit radius with the overlay shadow and a themed hairline, matching Popover and DropdownMenu. ChartContainer is a plain div that forwards its props, so the caller owns the accessible name: give the chart role="img" with an aria-label, or a figure with a caption.