Core
Pie Chart
A pie chart displays part-to-whole relationships and is useful when the goal is to compare proportional contributions.
Example
Usage
Features
- Great for composition and distribution views.
- Supports donut mode through innerRadius.
- Uses the default LibravelUI chart palette.
- Built-in tooltip and legend support.
- Can be used with labels or label-free slices.
Installation
Copy the shared chart utilities and the chart component you need into your project.
npx libravelui@latest add pie-chartAnatomy
import { PieChart } from "@/components/ui/core/charts/pie-chart";<PieChart
data={data}
dataKey="value"
nameKey="name"
innerRadius={60}
/>Props
Loading types…