# Chart

> A set of composable chart components (bar, line, area, pie, …) with tooltips and legends.

_Updated: 2026-06-04_

A set of composable chart components (bar, line, area, pie, …) with tooltips and legends.

## Installation

```bash
railbase ui add chart
```

Peer dependencies:

```bash
npm install @preact/signals
```

## Usage

```tsx
import { ChartContainer, BarChart } from "@/lib/ui/chart";

<ChartContainer config={config} class="h-64">
  <BarChart data={data} />
</ChartContainer>
```

## Anatomy

Exported parts: `chartFiltersSignal` · `addChartFilter` · `removeChartFilter` · `toggleChartFilter` · `clearChartFilters` · `isChartFilterActive` · `applyChartFilters` · `ChartTooltip` · `ChartTooltipContent` · `ChartLegend` · `ChartLegendContent` · `ChartStyle` · `BarChart` · `LineChart` · `AreaChart` · `PieChart` · `DonutChart` · `ScatterChart` · `RadarChart` · `RadialBarChart` · `Treemap` · `FunnelChart` · `ComposedChart` · `ChartContainer` · `ChartFilterBar`