Column Chart

Charts

Vertical column charts ideal for comparing values across categories with smooth hover effects and animations.

Installation

$npx linspo-ui add column-chart

Dependencies: lucide-react

7 days

459

+12.4%

MonTueWedThuFriSatSun

Peak

Average

459

Total

Prop	Type	Default	Description
`data`	`DataPoint[]`	—	Array of data points with label and value properties.
`metric`	`string`	`"Weekly Activity"`	Label for the metric being displayed.
`currentValue`	`string \| number`	—	Override value displayed in the header (defaults to total).
`change`	`number`	`12.4`	Percentage change to display.
`changeType`	`"increase" \| "decrease" \| "neutral"`	`"increase"`	Type of change, affects indicator color.
`className`	`string`	—	Additional CSS classes to apply.