Donut Chart

Used to display data as segments of a circular chart that looks like a donut.

Library

Chakra UI

Framework

React

Type

component

License

MIT

Install

npm i @chakra-ui/react @emotion/react

Files

• packages/charts/src/chart/chart.tsx
• packages/charts/src/chart/index.ts
• packages/charts/src/chart/namespace.ts
• packages/react/src/index.ts
• packages/charts/src/use-chart.ts
• packages/react/src/collection.ts
• packages/react/src/components/index.ts
• packages/react/src/create-context.ts

Source

https://github.com/chakra-ui/chakra-ui

Categories

• Chart Components
• React Chart Components
• Data Display Components
• React Data Display Components
• Donut Chart Components
• Pie Chart Components

More from Chakra UI

• Area Chart
• Bar Chart
• Bar List
• Bar Segment
• Line Chart
• Pie Chart
• Radar Chart
• Scatter Chart
• Sparkline
• Absolute Center
• Accordion
• Action Bar