Chart

Beautiful charts built using Recharts.

Installation

npx shadcn@latest add https://spoke.georgedrury.co.uk/r/chart

Lineage

Spoke

Anatomy

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

export default () => (
	<ChartContainer>{/* Recharts components */}</ChartContainer>
)

Spoke utility classes

Class	Fallback chain	Description
`--chart-tooltip`	`var(--background)`	Colour for tooltip chart variant
`--chart-tooltip-border`	`oklch(var(--border) / 50%)`	Border colour for tooltip chart variant