Data & Charts
Radial Chart
A circular progress-style chart for a single goal value.
Usage
Installation
npm install @wunderui/reactThen import what you need:
import { RadialChart } from "@wunderui/react"Examples
Inner radius
Thin and thick rings.
| innerRadius="60%" |
|---|
| innerRadius="20%" |
|---|
In context
How the component is used inside real screens — the same compositions as the Usage section of the Figma page.
Chart card
Area, bar, line, combined, pie, radar and radial charts and the radial gauge inside the same card.
Revenue
Last 6 months
Revenue vs cost
Grouped by month
Trend
Curved line
Mixed
Bars and line
Traffic sources
Share of sessions
Team profile
Two teams compared
Completion
Radial share
Audience
Share of sessions
- Audience46%
- Earnings24%
- Visitors7%