Bar Chart
Responsive vertical bar chart with gridlines, hover tooltips, mount animation and a hidden accessible data table.
Copy a prompt for your AI coding tool with the source, dependencies and usage
Props
BarChartProps
Also accepts all props of Omit<React.ComponentProps<"div">, "children">
| Prop | Type | Default | Description |
|---|---|---|---|
| data* required | BarChartDatum[] | — | — |
| height | number | 220 | Plot area height in px |
| tone | BarChartTone | "primary" | — |
| title | string | "Bar chart" | Accessible title used in the summary |
| valuePrefix | string | "" | — |
| valueSuffix | string | "" | — |
Install
$ npx shadcn@latest add https://chromotion.dev/r/bar-chart.json