Every chart type the family needs, on the same tokens, in every theme.
Each one is drawn from a JSON island by the chart Stimulus
controller and paired with a hidden data table, so the numbers are
available without sight or JavaScript. All figures are invented
sample data.
Line
Show the data as a table
Line: visits and conversions by month
Jan
Feb
Mar
Apr
May
Jun
Visits
820
932
901
934
1290
1330
Conversions
45
58
51
62
79
84
Bar
Show the data as a table
Bar: visits and conversions by month
Jan
Feb
Mar
Apr
May
Jun
Visits
820
932
901
934
1290
1330
Conversions
45
58
51
62
79
84
Stacked bar
Show the data as a table
Stacked bar: tasks by team and status
North
South
East
West
Open
14
9
11
7
In progress
8
12
6
10
Done
22
18
25
16
Horizontal bar
Show the data as a table
Horizontal bar: share of visits by channel
Search
Direct
Referral
Social
Email
Share of visits (%)
42
24
14
12
8
Scatter
Show the data as a table
Scatter: effort (x) against output (y) by team
Series
X
Y
Team A
12
48
Team A
18
61
Team A
25
55
Team A
31
72
Team A
40
69
Team A
47
88
Team B
10
30
Team B
22
38
Team B
29
35
Team B
36
49
Team B
44
46
Team B
52
58
Radar
Show the data as a table
Radar: current score and target by area
Speed
Reliability
Accessibility
Security
Docs
Cost
Now
78
85
92
88
64
70
Target
85
90
95
92
80
75
Doughnut
Show the data as a table
Doughnut: share of visits by channel
Search
Direct
Referral
Social
Email
Share of visits (%)
42
24
14
12
8
Pie
Show the data as a table
Pie: share of visits by channel
Search
Direct
Referral
Social
Email
Share of visits (%)
42
24
14
12
8
Polar area
Show the data as a table
Polar area: share of visits by channel
Search
Direct
Referral
Social
Email
Share of visits (%)
42
24
14
12
8
Combined bar and line
Show the data as a table
Combined: visits (bars) and conversions (line) by month
Jan
Feb
Mar
Apr
May
Jun
Visits
820
932
901
934
1290
1330
Conversions
45
58
51
62
79
84
Customise
Changes apply as you choose them.
Help
About this page
Charts
Every chart has a "Show the data as a table" link underneath with the numbers it was drawn from. Series differ by shape and line style as well as colour.
Without a mouse
Every control on this site works from the keyboard, including
this panel (Escape closes it). Anything you can drag also has
a menu or form that does the same thing.