Bar chart

Compare values across categories or time

Bars carry a value each, with hover tooltips, an optional data label, and a summary row for headline stats. The default palette leads with the action teal and steps through the accent tokens.

Interactive

Bar chart (interactive)

Showing total visitors for the last 3 months

Desktop24,828
Mobile25,010
tsx
// From the npm package
import { BarChart } from 'rift-ds/charts';

// Or as source you own, via the shadcn CLI
npx shadcn@latest add https://rift-ds.com/r/bar-chart.json