Dev Design Library

Pie Chart

A donut-style pie chart with a live center total, click-to-toggle legend, percentage callouts around the ring, and a hover tooltip with ARR, account count, and average contract size.

Pie Chart preview
Library
ReactFrame
Framework
React
Type
component
License
MIT
Dependencies
clsx, tailwind-merge
Install
npx shadcn@latest add https://reactframe.com/r/pie-chart.json
Files
  • registry/new-york/pie-chart/pie-chart.tsx
Source
https://github.com/AhmetLoca/reactframe-public

Categories

More from ReactFrame