Column chart
Comparison. Sales by account size as columns in the buckets' own order, with a period switch that moves them against one value axis.
Column chart with groups
Sales by quarter with a column per product line side by side, a distinct hue each, the legend below and both values in the tooltip.
Column chart with a target
Closed won by month against a fixed target, drawn as a dashed line labelled with its value where no column crosses it.
Column chart with negative values
Net new ARR by month on an axis that runs below zero, losing months growing down from a zero line, with the sign in the tooltip.
Installation
Column chart is drawn with the Chart component. Add it, then copy the code from the Code tab above.
pnpm dlx shadcn@latest add @wisty/chart
The CLI installs the Radix or Base UI file to match your project.
Other chart types
- Bar chartComparison
- Stacked bar chartComparison
- Stacked column chartComparison
- Dot plotComparison
- Line chartTrending
- Area chartTrending
- Combination chartTrending
- Donut chartComposition
- Scatter plotRelationship
- Funnel chartPipeline
- Waterfall chartPipeline