Data visualization guidelines – By Gregor Aisch – International Journalism Festival

April 26, 2013 in Data Blog, Events

The following tips are from Gregor Aisch, visualization architect and interactive news developer. We’re delighted he could join us to lead the workshop: “Making Data Visualisations, A survival Guide” here at the International Journalism Festival in Perugia.

Watch the Video

See the slides

Charts

  • Avoid 3d-charts at all costs. The perspective distorts the data, what is displayed ‘in front’ is perceived as more important than what is shown in the background.
  • Use pie charts with care, and only to show part of whole relationships. Two is the ideal number of slices, but never show more than five. Don’t use pie charts if you want to compare values (use bar charts instead).
  • Always extend bar charts to zero baseline. Order bars by value to make comparison easier.
  • Use line charts to show time series data. That’s simply the best way to show how a variable changes over time.
  • Avoid stacked area charts, they are easily mis-interpreted.
  • Prefer direct labeling wherever possible. You can safe your readers a lot time by placing labels directly onto the visual elements instead of collecting them in a separate legend. Also remind that we cannot differentiate that much colors.
  • Label your axes! You might think that’s kind of obvious, but still it happens quite often that designers and journalists simply forget to label the axes.
  • Tell readers why they should care about your graphic. Don’t waste the title line by just saying what data is shown.

Color

Colors are difficult. They might make a boring graphic look pretty, but they really need to be handled with care.

  • Use colors sparingly. If possible, use only one or two colors in your visualization.
  • Double-check your colors for the color blind. You can use tools such as ColorOracle to simulate the effect of different types of color blindness.
  • Say good-bye to red-green color scales. A significant fraction of the male population is color blind and have problems differentiating between red and green tones. Use red-blue or purple-green are common alternatives.
  • In doubt, use color scales from colorbrewer2.com

Maps

  • Don’t use the Mercator projection for world maps. The distortion of area is not acceptable. Use equal-area projections instead.
  • Size symbols by area, not diameter. A common mistake is to map data values to the radius of circles. However, our visual system compares symbols by area. Use square root to compute radii from data.

Recommended reading

flattr this!

  • Sanjit

    Video does not seem to be working properly…getting stuck and restarting

  • Lucy Chambers

    Hi Sanjit, I think it’s ok for me. Could it be a problem with your internet connection?