Charts
Pie Chart
Displays part-to-whole relationships using a circular chart. Built with Recharts.
Traffic Sources
Direct
35%Organic
25%Referral
20%Social
12%Other
8%Installation
npx benflux-ui add chartUsage
import { PieChart } from "@/components/ui/chart"
const data = [
{ name: "Direct", value: 35 },
{ name: "Organic", value: 25 },
{ name: "Social", value: 20 },
]
<PieChart data={data} nameKey="name" dataKey="value" height={300} />