Block

Bar Chart

Bar chart for comparing values across categories with target comparison

Installation

npx shadcn add @mylo-ui/chart-bar

Sales Analytics

Sales vs target by product

Compare actual sales against targets

import { ChartBar } from "@/components/blocks/chart-bar"

export default function Page() {
  return <ChartBar />
}

lucide-react

recharts

card

badge

button

More charts blocks you might like

Line chart with dual series support for trends over time

Pie chart showing part-to-whole relationships with breakdown

Area chart with gradient fills for showing cumulative data over time