Data & Charts
Composed Chart
Combines bars and a trend line in a single chart.
Usage
Installation
npm install @wunderui/reactThen import what you need:
import { ComposedChart } from "@wunderui/react"Examples
Bars × Lines
Bars and lines on one axis, with and without grid.
| bars + line |
|---|
| showGrid={false} |
|---|
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%