Pie Chart

A donut/pie chart built on Recharts with padded sectors, optional slice labels, hover dimming, and an optional glow filter.

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

import PieChart from "@/components/ui/pie-chart";

export default function PieChartDemo() {
  return (
    <div className="flex w-full items-center justify-center p-10">
      <div className="w-full max-w-md">
        <PieChart />
      </div>
    </div>
  );
}