Pie Chart vs. Donut Chart: Showdown in the Ring


 

In this, the most eatingest of seasons, I present to you the classic quandary of our time: pies or donuts?

mmm-donut

Please don’t sue me, Matt Groening.

Here, of course, our topic has more to do with data than the culinary arts. Namely, which is superior: pie charts or donut charts?

A quick aside – I know that for some of you, the answer is c) none of the above. That’s fine and you’re welcome to carry on with your pastry-free graphing, but some folks really do love their circular graphs. As for me, I don’t feel strongly either way. If you can make an effective pie or donut chart, that’s awesome. Of course, I’m also a marine biologist who doesn’t care whether you say “sea star” or “starfish.”

You’ve probably seen a pie chart before – big circle, cut into pieces, can’t miss it. A donut chart is essentially the same thing, except that it has a somewhat smaller circular cutout in the middle, turning the filled pie into a hollow donut.

pie-chart-vs-donut-chart-comparison

That may seem like a fairly minor difference, but something important happens upon Timbit removal that illuminates the complexities of the human brain and visual perception.

 

Which graph is better for infographics - pies or donuts?

Psst – Are you on Pinterest? Pin this!

 

How to look at a circle

Pie charts

Go ahead and look at the pie chart below. Notice how you look at it – chances are, your eyes go right to the center and (at least at first) you view the pie chart in its entirety.

just a basic pie chart

Because pie charts are filled in, you view them as a whole; you see the circle and judge the pieces according to their areas.

 

Donut charts

And here’s a donut chart. Because donut charts are hollowed out, there is no central point to attract your attention. Where do your eyes go instead?

just a basic donut chart

If you’re like most people, your eyes travel around the circumference and judge each piece according to its length. As a result, you can also think of a donut chart as being a stacked bar graph that has been curled around on itself.

A donut chart is basically a stacked bar graph curled around on itself.

A donut chart is basically a stacked bar graph curled around on itself.

 

Area vs. length

Why does it matter whether you read something by area or by length? Well, our brains process these two properties differently – and we’re only good at one of them.

Humans are exceptionally good at judging linear distances. If you want to throw something at a tree in the distance, that gray matter of yours will run all the calculations to get the right trajectory and fulfill your weird, anti-tree vendetta. You can easily tell if something is taller, wider, longer, shorter; single-dimension comparisons are pretty straightforward.

Areas aren’t so easy. Unless the difference is blatantly obvious, it may take you a moment to compare objects of different sizes. And if you’re anything like me, you’ll cheat and use linear distances anyway (check height and width, then guesstimate the rest).

 

The lesser of two evils?

Donut charts still have their drawbacks, of course – while easier to read, they’re still not the greatest for comparisons within the same graph and they’re downright terrible for comparisons between two different graphs.

Remember how I said I’d show you some of my old, crappy graphs? FEAST YOUR EYES:

What NOT to do.

What NOT to do.

I was trying to show that the daily percentage of something (I can’t tell you what for privacy reasons) increased after the October break. I thought I’d be all avant-garde and go nuts with the donuts. That was a BAD decision.

The one thing this monstrosity does do well is illustrate how hard it is to compare between donuts. For example, which is larger – the blue segment on 11/15 or the one on 11/16? It’s really hard to tell.

What could I have done with this data instead?

Well, since I wanted a before-and-after comparison, I could have used a bar graph.

 

better-than-donut-graphs

This bar graph makes it much easier to see how dramatically the percentages rose after the October break.

Of course, the graph above still invites the reader to look at each date individually. I added two annotations for the “before” and “after” averages to draw attention to the changing trend, but the individual bars can still be distracting.

If I instead wanted readers to focus ONLY on the change in averages, I could have just done a simple graph comparing the two numbers:

 

simple-yet-effective-bar-graph

Simple, yet effective.

It isn’t flashy, but it gets right to the point. It would have been the most efficient, effective way for me to convey my message.

Oh well. Live and learn. And cringe.

 

No more pie charts?

I hate to write off an entire category of graph, but more often than not there’s a better option than the pie.

When a reader sees a circle subdivided into sections, they’re going to want to compare section sizes. Even if a comparison isn’t your goal and has nothing to do with the graph’s core message, comparing sizes is sort of automatic behavior when you see a pie chart.

If you do want the reader to compare segments, other types of graphs are better (bar and donut, especially). If you don’t want a comparison, that automatic behavior makes the pie graph the wrong choice anyway.

Aside from stylistic reasons (using a coin, planet, or round dessert item as the graph background), I really can’t think of a good reason to use the pie chart. Can you?

 

In short

Understanding how the brain processes information will help you choose the right graph for the job.


7 Comments

Cancel

  1. Hilarious writing, great examples, and irrefutable conclusion. This is exactly what I wanted to know when I asked Google the difference between donut and pie charts. Thank you for a practically perfect answer.

    Reply
  2. I really like the way you explained the difference between pie chart and donut chart. Great work.

    Reply
    • Andrea Robertson (Author)

      Hi Andry,

      Sure, let’s walk through it!

      It looks to me like you’re trying to show concentrations of Hispanic populations in different US states, without trying to highlight a particular state, so your best option would be a chart that shows all states at once.

      My first choice would be something called a choropleth, which is basically a map where areas (states) are colored in according to some value – Hispanic populations, in this case. You could choose a deep red for Puerto Rico, a medium red for states like California and Texas, then lighter colors for states like Montana and Wyoming.

      If you don’t have the tools to make a choropleth, you could make a bar graph work too. If each state is a bar sized to its % Hispanic population and ordered by that value (PR then CA then TX…), you could still make comparisons between states.

      Good luck!

      Cheers,
      Andrea

      Reply
  3. Nathan

    Great points—very informative.

    I think the advantage goes to the pie (or donut) chart over a bar or stack graph when you are presenting a finite sum specifically for the task of dividing it up—where seeing the parts in context of the whole is the entire point. So investment portfolio allocation and a budget are two examples where focusing on comparing the size of parts rather than within the whole may not be quite enough. Stacked bar charts at least do this, but still diminish seeing the division of the whole somewhat.

    If there’s another graph better suited to understanding divvying, please point me to it.

    Reply
  4. Alexandre

    Awesome! Thank You for sharing your knowledge!

    Reply