About
A donut/pie chart that shows category revenue breakdown with a centered total label and hover tooltips.
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Chart Pie to your project and fits it to your theme.
Code
How Chart Pie is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
import ChartPie from "@/components/ui/chart-pie";
export default function ChartPieDemo() {
return (
<div className="w-full max-w-sm">
<ChartPie />
</div>
);
}








