• Skip to main content
  • Skip to primary sidebar
  • Skip to footer

eagereyes

Visualization and Visual Communication

  • Explore
    • Starter Pack
    • Blog Calendar
    • Blogroll
    • eagereyesTV YouTube Videos
  • Practical
    • Basics
    • Pie Charts
    • Techniques
    • Book Reviews
    • Journalism
  • Academic
    • Speaking Mistakes
    • Acceptance Rates
    • Papers
    • Conference Reports
    • Lists of Influences
    • Criticism
    • Peer Review
  • Admin
    • About
    • Contact
    • License
Critiquing and Redesigning

Robert Kosara / April 17, 2019

Critiquing and Redesigning

Criticizing visualizations is a cottage industry of sorts, and an activity I have indulged in in the past as well. Redesigning those charts is also not uncommon, though it’s usually other people’s charts, and that isn’t always welcome. Sarah Leo of The Economist has redesigned some of the charts made by that publication, and not only do her redesigns work better, her thoughts around some of the design issues are also very insightful.

This being The Economist, the charts Leo picked for redesigns aren’t all that egregious to begin with, but her redesigns are clearly an improvement. Two stood out to me in particular. The first one seems to show a correlation that’s a little bit too perfect.

I don’t know much about dogs, but I figure weight and neck size are highly correlated. It may also just be a coincidence of how the vertical scales fall that these lines end up on top of each other, so it’s easy to just go with that. At the same time, we’re comparing apples and oranges here and neither of the axes start at zero.

Leo makes an interesting point here about how to pick axis ranges in such a case: pick the same range as a percentage of the full scale. That at least makes the rate of change somewhat comparable and we see that perhaps the neck sizes haven’t been dropping quite as drastically as the weights. I think this is an interesting idea and a useful guideline for cases where including zero would be impractical. Another approach, though possibly not one that fits the Economist’s editorial style, would be to try a connected scatterplot.

The other example I though was particularly interesting is also a dual-axes line chart, this one about the U.S. trade deficit and employment.

What’s extremely confusing here, and frankly not very well done in the original, is that the trade deficit is all negative numbers while unemployment numbers are all positive. The half-length red line at the top is supposed to indicate this, but I at least did not understand that and thought it was a mistake.

The redesign is clearly much better, and I particularly like that Leo chose bars here to connect the points to the axis. This way, there’s no way to miss that the numbers are negative. I’m partial to downwards-pointing bars and think they should be used a lot more; but they need to be done in a way that’s clear and easy to understand, or risk being misread.

This kind of reflection and redesign of your own charts (even if Leo didn’t actually make all of those original charts, but they’re done by the people around her) is a great exercise. It allows you to flex your design muscles and think in terms of more general design rules and guidelines that will inform and improve future work. And doing this with your own work means you’re not stepping on people’s toes, even when you’re doing this in public.

Filed Under: Blog 2019

Robert Kosara is Data Visualization Developer at Observable. Before that, he was Research Scientist at Tableau Software (2012–2022) and Associate Professor of Computer Science (2005–2012). His research focus is the communication of data using visualization. In addition to blogging, Robert also runs and tweets. Read More…

Reader Interactions

Comments

  1. Jonathan Baker-Bates says

    April 18, 2019 at 2:12 am

    For the second example, I assume the intention of the original is to show that as manufacturing employment in the US went down, the trade deficit with China went up. That is, it became more negative.

    So while I agree the re-design does a better job in using downward-pointing bars for the deficit (the original being rather amazingly confusing), would it have been better to overlay the manufacturing employment trend onto the bars? The employment trend could then be easily seen against the deficit. The y-axis scale for the employment trend could also be removed (or simplified as max/min), because knowing the employment numbers seems redundant to the point being made.

    As an aside, while there are also some good subtle graphical design improvements in the re-designs, I am left wondering about the re-orientation of the red heading marker. It seems to inhibit readability by compressing the title and lending false emphasis to the word “Free”.

    Reply

Leave a Reply Cancel reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Primary Sidebar

More Blog 2019 Articles

  • Review: Alberto Cairo, How Charts Lie
  • eagereyesTV: What is Data? Part 1, File Formats and Intent
  • Prolific, the (Much Better) Mechnical Turk Alternative
  • eagereyesTV Episode 3: 3D Pie Charts For Science!
  • Paper: Evidence for Area as the Primary Visual Cue in Pie Charts

Recently Popular

  • Data: Continuous vs. Categorical
  • Midjourney is a Trip
  • The Simple Way to Scrape an HTML Table: Google Docs
  • Continuous Values and Baselines
  • New video: Gauges for Data Visualization, The NY Times Election Needle, and Circular Bar Charts
  • Watch My Outlier Talk: This Should Have Been A Bar Chart!
  • Paper: More Than Meets the Eye: A Closer Look at Encodings in Visualization
  • Facebook
  • GitHub
  • LinkedIn
  • RSS
  • Twitter
  • YouTube

Subscribe via Email

Footer

  • About
  • Contact
  • License

Copyright © 2006–2022 Robert Kosara · All original materials are available under CC-BY-SA

 

Loading Comments...