Images and media
Chart
The Recharts wrapper — themed container, tooltip and legend.
Available
Ports as-is
Examples
This component's Storybook stories, embedded. They are the maintained source for its states, so Lantern shows them rather than keeping a duplicate set.
Chart
Rendered live from Storybook
Storybook must be running for this to load — npm run storybook from the repo root, or set NEXT_PUBLIC_STORYBOOK_URL to a deployed instance.
Reference
Transcribed from the component audit. If this disagrees with the source, the source is right.
- Source
src/components/ui/chart.tsx- Portability
- Copies across unchanged — only the utils import path moves.
- Variants
tooltip: dot / line / dashed- States to cover
barlineareahideLabelhideIndicatorlegend toplegend bottomempty- Dependencies
recharts- Props the port adds
- config + data as prototype series
- Notes
- The riskiest port: ChartStyle scopes its dark rules to .dark, so the root class has to be right first.