Animated Bar Chart

A monochrome bar chart card that expands the hovered bar and reveals its value, built with Recharts and Motion.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Animated Bar Chart to your project and fits it to your theme.

import Pattern from "@/components/ui/c-chart-11";

export default function Demo() {
  return (
    <div className="flex w-full items-center justify-center p-8">
      <Pattern />
    </div>
  );
}