Highlighting data viz best practices around the web

Thursday, May 25, 2017

How UK Savings Compare to the Rest of the European Union Countries?

Source: Points of Viz
Author: Pablo Gomez


Best Practices:
  • Nice title and subtitle that tell me what I'm seeing
  • Using a question in the subtitle
  • Highlighting the country of interest
  • Having all over countries in light grey for context
  • Including a description of the metric
  • Including a link to the data source
  • Excellent example of minimal use of color
  • Light axes that don't distract
  • Nice tooltips
  • Very Cole Nussbaumer style, which is always good!
Recommended Enhancements:
  • 1970 is cut off a bit
  • Include the latest value on the end of the line; if seeing this as static, you don't know the latest value.
  • Match the blue in the title to the blue in the line

Thursday, May 18, 2017

When Fatal Crashes Happened

SourceFlowing Data
Author: Nathan Yau


Best Practices:
  • Great use of ordered colors that scale from best to worst
  • Great example of a heatmap
  • Great overall layout
  • Including interactivity to allow the user to explore what they might be interested in
  • Abbreviating some of the month names to save space
  • Labeling only the 12 o'clock hours am/pm
  • Every pixel has a purpose
  • Love the Inconsolat font!
  • Designing the viz in a way that doesn't require any instruction; everything is intuitive due to the design
  • Nice title that captures your attention
  • Subtitle that tells us how to interpret the viz
Recommended Enhancements:
  • Include the values in the tooltips

Thursday, May 11, 2017

Modelling France’s Presidential Election

SourceThe Economist
Author: Graphic Detail


Best Practices:
  • Great use of colors that are easily distinguished from one another
  • Including the dots for each poll as context in the background
  • Great labeling
  • Including a reference line for the date of the latest polls
  • Labeling the end of each line
  • Every pixel means something; there's nothing extra
  • Very easy to read and understand
  • The FIRST ROUND text does a nice job of dividing the viz into a new section
  • Including images of the candidates (I only include the first two in the image above)
  • Including the candidates' party and a brief description of them
  • Beautiful histograms
  • Nice big numbers at the end of each histogram
  • Including a bold, red line for the most likely vote share
  • Including the red text on the first candidate, but then not repeating that for each subsequent candidate
Recommended Enhancements:
  • Include a more impactful title
  • Including a % sign on the axis

Thursday, May 4, 2017

Making Sense of 724 Million UK Prescriptions

SourceTwitter
Author: Pooja Gandhi


Best Practices:
  • Great, minimal use of color
  • Alternating the background colors to make sections
  • Design guides your eye naturally around the viz
  • Terrific example of storytelling with data
  • Including a reference line for the average prescriptions per month in the bar chart
  • Amazing summaries inside the circles. Makes it feel like an advertisement and they really draw you in.
  • Great example of sparklines
  • The viz has great focus throughout, making sure to highlight what's important.
  • Using text to summarize what you're seeing
  • Neat idea to include the chemical structure of the two most popular medicines. Makes it feel scientific.
  • Using text size to accentuate the numbers and important points
  • Using lines to connect the different parts of the viz
  • Including context everywhere; this really makes it easy to understand.
Recommended Enhancements:
  • Include a more impactful title.
  • What does the shading of the bars mean in the first chart? Is that necessary?

About Me

Categories