Bar chartPro

• Comparing one measure across categories or periods.

• Trends over many points: use a line or area chart.

Import it from @/components/ui/bar-chart after installing.

import { BarChart } from "@/components/ui/bar-chart";

export function Orders() {
  return <BarChart data={[{ label: "Mon", value: 420 }, { label: "Tue", value: 512 }]} height={220} />;
}

• role="img"; summarize the key comparison in text.

• Bars grow from the baseline with a small stagger and morph between datasets.

• Measures its width; labels thin out above 12 bars.

• One rect per bar.

• Keep labels short; they sit under each bar.