Stacked bar chart

Totals and their composition in one bar

Segments stack to the total, so each bar answers two questions at once: how much, and made of what.

Default

Visitors by device

Monthly traffic, January to June 2024

tsx
// From the npm package
import { StackedBarChart } from 'rift-ds/charts';

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