Bar Chart

Charts

Interactive bar charts with smooth animations and hover effects for comparing categorical data.

Installation

$npx linspo-ui add bar-chart

Dependencies: lucide-react

6 categories

70%

+8.2%

Mobile65%

Desktop85%

Tablet45%

Web App92%

API78%

Other56%

92%

Highest

Prop	Type	Default	Description
`data`*	`BarChartDataPoint[]`	—	Array of data points with label and value properties.
`className`	`string`	—	Additional CSS classes to apply to the container.
`title`	`string`	—	Title displayed in the chart header.
`metric`	`string`	`"User Engagement"`	Label for the metric being displayed.
`showLabels`	`boolean`	`true`	Whether to show labels for each bar.
`showStats`	`boolean`	`true`	Whether to show the stats footer.
`change`	`number`	—	Percentage change to display in the header.
`changeType`	`"increase" \| "decrease" \| "neutral"`	`"increase"`	Type of change, affects the color of the indicator.
`animated`	`boolean`	`true`	Whether to animate the bars on mount.