Pie Chart
The Pie Chart element displays proportional data as slices of a circle. Optionally renders as a donut chart.
Features
- Pie or donut mode
- Percentage labels on each slice
- Color legend below the chart
- Custom colors per slice
- Pure SVG rendering — no external dependencies
Settings
| Setting | Description | Default |
|---|---|---|
| Title | Chart title | "Pie Chart" |
| Donut | Render as a donut (hollow center) | false |
| Show Labels | Display percentage on each slice | true |
| Show Legend | Display color legend below chart | true |
Slices
Each slice has:
- Label — segment name (e.g., "Marketing", "Sales")
- Value — numeric value (percentages are calculated automatically)
- Color — slice color
Click + Add to add slices. Click x to remove.
Use Cases
- Budget breakdown
- Market share distribution
- Survey response proportions
- Resource allocation
Styling
Supports the standard Container color and dimension settings.