Features · Charts
Make your numbers easy to read.
Line charts, bar charts, donuts and progress rings, drawn in your site's own colors. A visitor sees how busy you are, what sells best and how close you are to a goal in a glance. Every figure below is made up, as an example.
Chart 1 · Line chart
See which way it is heading.
A line chart shows change over time: visitors by week, sales by month, anything that rises and falls. Hover or tap a week to read the exact numbers.
Visitors by source
Twelve weeks, three ways people found the site.
- Search
- Direct
- Social
| Search | Direct | Social | |
|---|---|---|---|
| Wk 1 | 38 | 30 | 12 |
| Wk 2 | 42 | 31 | 15 |
| Wk 3 | 47 | 33 | 14 |
| Wk 4 | 51 | 32 | 19 |
| Wk 5 | 56 | 35 | 22 |
| Wk 6 | 60 | 38 | 20 |
| Wk 7 | 66 | 40 | 26 |
| Wk 8 | 71 | 41 | 31 |
| Wk 9 | 79 | 44 | 29 |
| Wk 10 | 86 | 47 | 36 |
| Wk 11 | 94 | 49 | 41 |
| Wk 12 | 103 | 53 | 45 |
Chart 3 · Donut
Show how a whole is shared out.
A donut shows each part as a share of the whole, with the total in the middle. It works best with three to six parts.
Where bookings come from
Share of this year's bookings, by how the customer found us.
- Google46%
- Phone24%
- Walk-in18%
- Referral12%
| Share of bookings | |
|---|---|
| 46% | |
| Phone | 24% |
| Walk-in | 18% |
| Referral | 12% |
Chart 5 · Stacked area
Show what makes up the total.
Stacked areas pile each part on top of the others, so you see the total grow and which part is driving it. It also looks good on a dark background.
Revenue mix
Thousands of dollars a month, by kind of work.
- Retainers
- Projects
- Products
| Retainers | Projects | Products | |
|---|---|---|---|
| Jan | $18k | $12k | $4k |
| Feb | $19k | $9k | $5k |
| Mar | $21k | $14k | $5k |
| Apr | $22k | $16k | $7k |
| May | $24k | $13k | $8k |
| Jun | $26k | $19k | $9k |
Chart 6 · Line with a goal
Track progress against a target.
Add a dashed target line and the chart shades the gap and says plainly whether you are ahead or behind. Fundraisers, enrollment and membership drives all use it.
Monthly sign-ups against target
The dashed line is the goal.
- New sign-ups
- Target
| New sign-ups | Target | |
|---|---|---|
| Jan | 22 | 30 |
| Feb | 31 | 36 |
| Mar | 38 | 42 |
| Apr | 52 | 48 |
| May | 66 | 54 |
| Jun | 80 | 56 |
Chart 7 · Progress rings
Share your goals as you reach them.
Progress rings show how far along each goal is. A club can show members signed up, a charity can show money raised, a shop can show reviews collected.
Goals this quarter
Each ring is the share of the goal reached so far.
- New clients18 of 2572%
- Reviews44 of 5088%
- Repeat customers27 of 5054%
- Newsletter190 of 20095%
| Progress | ||
|---|---|---|
| New clients | 72% | 18 of 25 |
| Reviews | 88% | 44 of 50 |
| Repeat customers | 54% | 27 of 50 |
| Newsletter | 95% | 190 of 200 |
What your visitors get
Your numbers made clear, in your colors and fonts, on every device.
-
Six kinds of chart
Lines, stacked areas, bars, ranked bars, donuts and progress rings. We pick the one that tells your story most plainly, and can switch it later.
-
In your own colors
Every chart is painted from your site's palette, so it matches the rest of the page and repaints if your look changes.
-
Loads instantly
Each chart is drawn into the page itself, not loaded from another service, so it appears with the page and works without any scripts.
-
Goals and comparisons
Show this year against last, or a dashed target line with a plain note on whether you are ahead or behind.
-
Readable by everyone
Screen readers and search engines get the same numbers as a plain table, and the labels follow the visitor's language.
-
Made for phones too
On a small screen the charts resize to fit, with fewer labels along the bottom so nothing is crowded.
How we set it up
You send us the numbers: a few lines in an email, a spreadsheet or a photo of a report. We choose the chart that suits them, label it in your words and show you the page before anything goes live.
We only show figures you are happy to make public, and charts are labeled as examples unless they are your real numbers. When the numbers change, send us the new ones and we update the chart.
Want this on your site?
Send us your numbers.
Tell us what you would like to show, and we will show you how it looks on your own site before you decide anything.