Visualizations

Pie Chart

Pie charts are used to represent proportions or percentages of a whole, making them ideal for showing part-to-whole relationships.

Basic

Present data in a simple and visually appealing way using a basic pie chart.

Loading...

Installation

npx shadcn@latest add @intentui/pie-chart

Manual installation

npm i recharts

Donut

Visualize data with a donut chart for a modern and clean look.

Loading...

Label inside

Enhance your donut chart by adding descriptive text for better understanding.

Component "visualizations/pie-chart/pie-chart-donut-label-demo" not found in the registry.

Controlled

Sometimes you might want to control the chart data dynamically.

Loading...

Gap

Add spacing between pie slices for better visibility and aesthetics.

Loading...