Engaging Readers with Square Pie/Waffle Charts

Engaging viewers with interesting depictions of data always bears the risk of creating misleading or unreadable graphics. The square pie chart (or waffle chart) strikes a good balance between being interesting and not distorting the data. Here is an argument for the power of the pie and against the boredom of the bar.

The above chart was used in a series of articles on debt in the US in the New York Times. While not strictly a square pie chart, it does illustrate its main features: it’s visually interesting, very readable and discoverable, and it does not distort the data.

Showing the same information in a bar chart may have been more “standard,” but also rather dull. In addition, the differences between the values would have made it difficult to compare them. The matrix chart above lets the viewer easily work out how many times the average savings is owed in mortgages and other debt.

The chart also makes a point: that the savings are a tiny fraction of the debt. There is really no way not to see that. And that is visual communication beyond simple data visualization. A bar chart would not be able to do that, unless it essentially claimed that the savings were zero.

Kaiser at Junk Charts criticized the following chart (New York Times magazine, April 27, 2008):

NYTimes graph on time spent studying for different subjects

He offered a bar chart as an alternative, which worked in this case because the values are not that far apart. But it was also as dull as any other chart, with nowhere near the visual interest of the “brick chart.”

I actually think that this chart is quite clever. It uses a 10×10 grid as the base, so it is easy to read the numbers from looking at the number of layers. Despite the pseudo-3D and the fact that parts of the chars are occluded, the exact numbers can be read quickly. And the red brick metaphor even has a certain resemblance with school buildings.

In short, the chart has a style and a message. Good charts do not only have to be correct, they also have to be appealing. And this is well done here.

There is also a collection of good examples of pie charts in business graphics. Some of them may be a bit overloaded, but compared with other sins committed in business graphics and dashboards, it’s very tame. I’d take a matrix/waffle/square pie chart over gauges and artificial horizons any day. Perhaps the influence of treemaps in business also helps make these charts look more familiar and thus more acceptable.

There is no doubt that we need to be careful about the choice of visual representation, and that we need to encourage the use of good charts and criticize the bad ones. But that doesn’t mean we can get lazy and squeeze everything into a few standard charts types we’ve been using for decades. That is especially true if we want people to actually care about what we’re trying to show – and not bore them to tears.

Comments

  1. Jon Peltier says

    “The square pie chart strikes a good balance between being interesting and not distorting the data.”

    I’ll take the dissenting opinion. The square pies (and related charts) are certainly more interesting than boring old round pies, but I think they can be even more distorting. At least the points in a round pie are all wedge-shaped, so the distortion is due to misjudgment of the area or angle of the wedge. In a square pie, data points are added on starting at the next point in the raster, so the shapes are not all uniformly rectangular, or wedge shaped, or circular (as in a bubble chart), so misjudgments of area are compounded by irregularity of the shapes. If the chart designer gets at all creative and arranges the shapes in any artistic tiling pattern, the misjudgments multiply: a 2×8 rectangle may seem different than an 8×2 rectangle, and both are different than a 4×4 rectangle.

    The stacked bar variant of the waffle chart at the top of the article improves on the square pie by constraining most growth to the horizontal dimension, so comparisons are mostly linear rather than areal. The brick chart showing minutes in class also has its measurements constrained mostly in the vertical dimension. For a quick impression the relative thickness of the layers is sufficient, while the reader who wants a more detailed look isn’t too badly inconvenienced by mentally integrating the partial fill of the top layer of the segment.

  2. Robert Kosara says

    Heh, my initial notes said “respond to Jon Peltier’s criticism” – I’ve seen you post links and make statements about these charts, and I will look into those in more detail soon. And I’m not entirely disagreeing with you: that business graphics page I linked above has one chart with a hole in the middle and a very uneven layout, for example. But there is no chart type that can’t be abused. Overall though, I think that these are much better than the traditional pie charts.

    As I said in my original square pie charts posting, it’s probably a good idea to lay the chart out like a squarified treemap. That makes the parts as comparable as possible – perhaps not perfect, but still better and more accurate than pie charts.

  3. Jason says

    I find the first graph a little misleading. It’s apples and oranges. One is a total, the other a total per year. To me it would have been much more interesting if the there were two levels. On the first level, it showed the total debt, like in above left and to the right of it, it showed the total savings of the average household. Then below that, on the left it could show yearly payments to debt and to the right of that the savings per year as per the graph above on the right.

    So total with total, yearly with yearly. More accurate and as dramatic.

    Now, if you look for very long, it’s pretty obvious that they are talking about 2 different things, but our brains still see a big area and a small area and associate them. It’s sort of like misleading statistics, nearly everybody is vulnerable to them when presented creatively and you are not paying super attention.

    Now, as for whether I think the square charts are interesting. Boredom, is a large barrier to learning. Diversity of presentation is good, when applied in a thoughtful way. So, I like them. Of course, if square charts were the 99% norm, I would say the same for bar charts.

  4. Robert Kosara says

    True, but it’s still an interesting comparison. Perhaps it would have made sense to compare the savings to the average monthly mortgage payment – which is undoubtedly at least twice the yearly savings. I also wonder how well you can project savings, I’ve seen a graphic somewhere showing how savings have declined over the last 30 years and how instead people have been taking on more and more debt.

  5. dietmar says

    thanks – a friend worked on a simliar technique (see link below). i think the approach is also very useful for providing a contextual overview i.e. over the contents of an archive / database. to the critizism of distortion, i think it works well for discrete quantities, where each block actually represents something useful.
    http://nualart.com/area/d/

Leave a Reply