Pie chart
Show a few categories as shares of a total.
Usage
Set Arc innerRadius to 0 for a solid pie and omit Label. Each datum has a stable key and a nonnegative value.
Use a bar chart when small differences matter or when many categories would produce thin slices. The legend provides exact values without relying on color.
Category shares
Replay preview Full screen Code
| Category | Value |
|---|---|
| Paid | 64% |
| Trial | 24% |
| Free | 12% |
Continuous motion
Replay preview Full screen Code
Time by team
Share of tracked hours this week.
| Category | Value |
|---|---|
| Product | 52% |
| Engineering | 31% |
| Support | 17% |
Filter a category
Replay preview Full screen Code
| Category | Value |
|---|---|
| Search | 420 |
| Direct | 280 |
| Internal | 160 |
Data and animation states
Full screen Code
| Category | Value |
|---|---|
| Completed | 72 |
| Remaining | 28 |
API reference
See the shared API reference for every part and prop.