Docs/Bar Chart

Bar Chart

Bar charts for comparing values across categories.

Installation

tsx

1import { StormBarChart } from '@storm-ds/ui/charts'
2
3# Requires recharts peer dependency
4pnpm add recharts

tsx

1import { StormBarChart } from '@storm-ds/ui/charts'
2
3<StormBarChart data={data} categories={['revenue']} index="month" />

tsx

1<StormBarChart
2  data={data}
3  categories={['revenue', 'expenses']}
4  index="month"
5/>

tsx

1<StormBarChart
2  data={data}
3  categories={['revenue', 'expenses']}
4  index="month"
5  stacked
6/>

tsx

1<StormBarChart
2  data={data}
3  categories={['revenue']}
4  index="month"
5  horizontal
6/>

Area Chart

Line Chart