Chart
Core WordPress has no charts at all. This one block draws line and area, bar (vertical, horizontal, stacked, mixed with lines), pie, doughnut and gauge, polar area and radar charts — pick the type from the toolbar, type the numbers in a grid on the canvas, paste them from a spreadsheet, or point it at a CSV or Google Sheet. Legends toggle datasets, tooltips format numbers your way, and every chart ships a hidden data table for screen readers.
Ready-made patterns
Inserter → Patterns → Moduly.
Website traffic
Visitors and sign-ups, month by month — hover for the numbers.
| Label | Visitors | Sign-ups |
|---|---|---|
| Jan | 1,200 | 310 |
| Feb | 1,450 | 380 |
| Mar | 1,380 | 360 |
| Apr | 1,720 | 450 |
| May | 1,950 | 520 |
| Jun | 2,240 | 590 |
| Jul | 2,610 | 700 |
Revenue vs. target
Where our users are
| Label | Users |
|---|---|
| Desktop | 5,420 |
| Mobile | 7,310 |
| Tablet | 1,180 |
Mobile leads the way
More than half of all sessions now start on a phone — so every page is designed mobile-first, then scaled up.
This month at a glance
Revenue
$48.2k
▲ 12.4% vs last month
| Label | Revenue |
|---|---|
| 1 | 31 |
| 2 | 33 |
| 3 | 32 |
| 4 | 36 |
| 5 | 35 |
| 6 | 39 |
| 7 | 41 |
| 8 | 40 |
| 9 | 44 |
| 10 | 48 |
New customers
1,284
▲ 8.1% vs last month
| Label | New customers |
|---|---|
| 1 | 90 |
| 2 | 96 |
| 3 | 94 |
| 4 | 101 |
| 5 | 108 |
| 6 | 104 |
| 7 | 112 |
| 8 | 118 |
| 9 | 121 |
| 10 | 128 |
Refund rate
1.9%
▼ 0.4 pts vs last month
| Label | Refund rate |
|---|---|
| 1 | 2.60 |
| 2 | 2.50 |
| 3 | 2.70 |
| 4 | 2.40 |
| 5 | 2.30 |
| 6 | 2.30 |
| 7 | 2.10 |
| 8 | 2.20 |
| 9 | 2 |
| 10 | 1.90 |
Team skills
Two profiles side by side — click a name in the legend to hide it.
| Label | Maya | Daniel |
|---|---|---|
| Strategy | 8 | 7 |
| Design | 9 | 5 |
| Code | 6 | 9 |
| Writing | 7 | 6 |
| Research | 8 | 7 |
| Leadership | 7 | 8 |
What customers say
Our fundraising goal
| Label | Goal |
|---|---|
| Raised | 68 |
| To go | 32 |
Every chart type
One block, a type picker, and presets for the common shapes.
Line
| Label | Visitors | Sign-ups |
|---|---|---|
| Jan | 1,200 | 310 |
| Feb | 1,450 | 380 |
| Mar | 1,380 | 360 |
| Apr | 1,720 | 450 |
| May | 1,950 | 520 |
| Jun | 2,240 | 590 |
| Jul | 2,610 | 700 |
Area (stacked)
| Label | Organic | Paid |
|---|---|---|
| Jan | 820 | 380 |
| Feb | 940 | 510 |
| Mar | 910 | 470 |
| Apr | 1,180 | 540 |
| May | 1,320 | 630 |
| Jun | 1,510 | 730 |
| Jul | 1,760 | 850 |
Bar
Horizontal bar
Bar + line, two axes
Stacked bar
Pie
| Label | Visits |
|---|---|
| Direct | 38 |
| Search | 27 |
| Social | 16 |
| 11 | |
| Referral | 8 |
Doughnut
| Label | Users |
|---|---|
| Desktop | 5,420 |
| Mobile | 7,310 |
| Tablet | 1,180 |
Gauge
| Label | Goal |
|---|---|
| Raised | 68 |
| To go | 32 |
Polar area
| Label | Score |
|---|---|
| Speed | 8 |
| Design | 9 |
| Support | 7 |
| Price | 6 |
| Features | 8 |
Radar
| Label | Maya | Daniel |
|---|---|---|
| Strategy | 8 | 7 |
| Design | 9 | 5 |
| Code | 6 | 9 |
| Writing | 7 | 6 |
| Research | 8 | 7 |
| Leadership | 7 | 8 |
Sparkline
| Label | Sales |
|---|---|
| 1 | 12 |
| 2 | 15 |
| 3 | 13 |
| 4 | 18 |
| 5 | 17 |
| 6 | 21 |
| 7 | 19 |
| 8 | 24 |
| 9 | 26 |
| 10 | 29 |
Lines
Six line shapes, point styles, dashed datasets, gaps, a right-hand axis, logarithmic and reversed scales, value labels and reference bands.
Curved · value labels on every point
| Label | This year | Last year |
|---|---|---|
| Jan | 14 | 11 |
| Feb | 22 | 15 |
| Mar | 19 | 17 |
| Apr | 31 | 20 |
| May | 28 | 24 |
| Jun | 36 | 23 |
| Jul | 33 | 27 |
| Aug | 41 | 30 |
Smooth · highest & lowest as pills
| Label | This year |
|---|---|
| Jan | 14 |
| Feb | 22 |
| Mar | 19 |
| Apr | 31 |
| May | 28 |
| Jun | 36 |
| Jul | 33 |
| Aug | 41 |
Stepped · square points · solid fill
| Label | This year |
|---|---|
| Jan | 14 |
| Feb | 22 |
| Mar | 19 |
| Apr | 31 |
| May | 28 |
| Jun | 36 |
| Jul | 33 |
| Aug | 41 |
Straight · gap joined · last value label
| Label | Signals |
|---|---|
| Jan | 12 |
| Feb | 18 |
| Mar | — |
| Apr | 25 |
| May | 22 |
| Jun | — |
| Jul | 34 |
| Aug | 38 |
Right-hand axis for a second unit
| Label | Orders | Conversion |
|---|---|---|
| Jan | 120 | 2.10 |
| Feb | 150 | 2.40 |
| Mar | 170 | 2.60 |
| Apr | 160 | 2.30 |
| May | 210 | 2.90 |
| Jun | 240 | 3.10 |
| Jul | 230 | 3 |
| Aug | 260 | 3.40 |
Healthy-range band + target line
| Label | This year |
|---|---|
| Jan | 14 |
| Feb | 22 |
| Mar | 19 |
| Apr | 31 |
| May | 28 |
| Jun | 36 |
| Jul | 33 |
| Aug | 41 |
Logarithmic scale
| Label | Users |
|---|---|
| 2019 | 120 |
| 2020 | 900 |
| 2021 | 4,200 |
| 2022 | 18,000 |
| 2023 | 76,000 |
| 2024 | 240,000 |
| 2025 | 910,000 |
Reversed axis (rankings)
| Label | Chart position |
|---|---|
| W1 | #18 |
| W2 | #12 |
| W3 | #7 |
| W4 | #4 |
| W5 | #2 |
| W6 | #1 |
Draw animation · grid both ways
| Label | This year | Last year |
|---|---|---|
| Jan | 14 | 11 |
| Feb | 22 | 15 |
| Mar | 19 | 17 |
| Apr | 31 | 20 |
| May | 28 | 24 |
| Jun | 36 | 23 |
| Jul | 33 | 27 |
| Aug | 41 | 30 |
Bars
Grouped or stacked (with stack groups), gradients, rounded corners, value labels in three places, a hover band and a staggered entrance.
Grouped · value labels past the end
Stacked in two groups
Gradient bars · round · labels inside · stagger
Horizontal · negative values
Thin bars · no grid · no axis lines
Bars with a line on the right axis
Pie & doughnut
Labels inside or outside with leader lines, spacing and rounded slices, small slices grouped into “Other”, two rings, a custom centre, rotation and gradient slices.
Outside labels with leaders
| Label | Budget |
|---|---|
| Rent | $3,200 |
| Salaries | $12,800 |
| Marketing | $2,400 |
| Software | $900 |
| Travel | $450 |
| Snacks | $120 |
| Other | $90 |
Small slices grouped under 5%
| Label | Budget |
|---|---|
| Rent | $3,200 |
| Salaries | $12,800 |
| Marketing | $2,400 |
| Software | $900 |
| Travel | $450 |
| Snacks | $120 |
| Other | $90 |
Spaced, rounded · value in the legend
| Label | Budget |
|---|---|
| Rent | $3,200 |
| Salaries | $12,800 |
| Marketing | $2,400 |
| Software | $900 |
| Travel | $450 |
| Snacks | $120 |
| Other | $90 |
Two rings (2024 inside, 2025 outside)
| Label | 2024 | 2025 |
|---|---|---|
| Direct | 40 | 34 |
| Search | 30 | 33 |
| Social | 20 | 22 |
| 10 | 11 |
Custom centre text · thin ring · rotated
| Label | Tasks |
|---|---|
| Done | 42 |
| In progress | 13 |
| To do | 9 |
Gradient slices · labels inside
| Label | Orders |
|---|---|
| Coffee | 48 |
| Tea | 22 |
| Juice | 18 |
| Water | 12 |
Radar & polar area
Polygon or circular grids, filled or outline shapes, fixed scales, and labels around a polar chart.
Radar · circular grid · outlines
| Label | Maya | Daniel |
|---|---|---|
| Strategy | 8 | 7 |
| Design | 9 | 5 |
| Code | 6 | 9 |
| Writing | 7 | 6 |
| Research | 8 | 7 |
| Leadership | 7 | 8 |
Radar · curved · value labels
| Label | Maya |
|---|---|
| Strategy | 8 |
| Design | 9 |
| Code | 6 |
| Writing | 7 |
| Research | 8 |
| Leadership | 7 |
Polar area · labels round the edge
| Label | Score |
|---|---|
| Speed | 8 |
| Design | 9 |
| Support | 7 |
| Price | 6 |
| Features | 8 |
Data from CSV
Paste CSV, or link to a CSV file or a published Google Sheet — fetched on the server and cached.
Pasted CSV
| Label | Visitors | Sign-ups |
|---|---|---|
| Jan | 1,200 | 310 |
| Feb | 1,450 | 380 |
| Mar | 1,380 | 360 |
| Apr | 1,720 | 450 |
| May | 1,950 | 520 |
| Jun | 2,240 | 590 |
CSV file link (a sample shipped with the block)
Legend & tooltip
Legend on any side, four markers, click-to-hide (with the latest value), and tooltips for one item or the whole label, with a total.
Legend left · circles · latest values
| Label | This year | Last year |
|---|---|---|
| Jan | 14 | 11 |
| Feb | 22 | 15 |
| Mar | 19 | 17 |
| Apr | 31 | 20 |
| May | 28 | 24 |
| Jun | 36 | 23 |
| Jul | 33 | 27 |
| Aug | 41 | 30 |
Legend bottom · boxes · total in tooltip
No legend · tooltip on the nearest point only
| Label | This year | Last year |
|---|---|---|
| Jan | 14 | 11 |
| Feb | 22 | 15 |
| Mar | 19 | 17 |
| Apr | 31 | 20 |
| May | 28 | 24 |
| Jun | 36 | 23 |
| Jul | 33 | 27 |
| Aug | 41 | 30 |
Styled with the Styles panel
The block’s background, text colour, font and size reach the canvas; grid, axis, tooltip and label colours sit in Styles → Chart colours.
Active users
Last eight months
| Label | Users |
|---|---|
| Jan | 2.10k |
| Feb | 2.60k |
| Mar | 2.40k |
| Apr | 3.20k |
| May | 3.80k |
| Jun | 3.60k |
| Jul | 4.40k |
| Aug | 5.10k |
Plan mix
| Label | Customers |
|---|---|
| Starter | 620 |
| Growth | 410 |
| Scale | 140 |
Animation
Starts when scrolled into view (or on load, or never); rise, draw, fade, rotate or grow; eight easings. Visitors who prefer reduced motion get the finished chart straight away.
Bounce easing
Fade in
| Label | This year | Last year |
|---|---|---|
| Jan | 14 | 11 |
| Feb | 22 | 15 |
| Mar | 19 | 17 |
| Apr | 31 | 20 |
| May | 28 | 24 |
| Jun | 36 | 23 |
| Jul | 33 | 27 |
| Aug | 41 | 30 |
Grow from the centre
| Label | Users |
|---|---|
| Desktop | 5,420 |
| Mobile | 7,310 |
| Tablet | 1,180 |