Chart

The shared parts of every chart: frame, grid, axes, tooltip, and a legend that hides series.

When to use

Use when: Building any chart, or changing how every chart looks and reads.
Avoid when: You only need one chart type; start from that chart's page.

Installation

bunx shelf add chart

The source lands in src/components/ui/chart.tsx, along with any Shelf items it builds on, and .shelf/lock.json records what was installed. It's yours to edit.

Usage

import {  } from "@/components/ui/chart";

<Area dataKey="visitors" />
<Area dataKey="signups" color={seriesColors[1]} />

Built on

Packages: @stylexjs/stylex, recharts
Shelf items: foundations, utils
Figma: In progress. See Designers and Figma.