Highlighting data viz best practices around the web

Thursday, March 30, 2017

3G’s Purchases and Their Profit Margins

SourceThe Economist


Best Practices:
  • Nice use of different colors for each section
  • Great overall layout
  • Lightly shading the time before the mergers
  • All bar charts are scaled the same
  • Highlighting the company of interest in each bar chart
  • Using vertical lines to identify key dates
  • Everything is labeled clearly, but not in a distracting way; there's just the right amount of text
  • Including footnotes for additional information/explanations
Recommended Enhancements:
  • Could use a more engaging title
  • Make the timelines on the line charts the same so that the mergers can be compared vertically

Thursday, March 16, 2017

Hours Worked vs. Productivity in OECD Countries

SourceThe Guardian
AuthorNick Evershed


Best Practices:
  • Clean design
  • Minimal use of color
  • Super fast interactivity
  • Nice use of little lines to connect the countries to the dots
  • Light grid lines that guide the eye, yet aren't distracting
  • Nice axis labels
  • Really like the option to edit the chart
  • Trend line helps guide the eye and summarize the data
Recommended Enhancements:
  • Needs a more engaging title. What question is this answering? What's the takeaway?
  • Make to OECD average a different color
  • Needs better tooltips
  • What's the reason for labeling the countries that are labeled?
  • Make the view square. Scatterplots tend to work better when they're square.

Thursday, March 9, 2017

Top Brewery Road Trip

SourceFlowing Data
AuthorNathan Yau


Best Practices:
  • The ultimate beer lover's road trip! What's not to like?
  • Minimalist map; stripping nearly everything out of the map makes the route pop
  • Love the addition of the line thickness to show how many breweries are nearby. After all, you'd get awfully thirsty on a trip like this.
  • Makes me feel like I could start anywhere
  • The yellow circles to mark the breweries really makes them stand out on the black lines. 
  • Using open circles instead of filled circles. This helps the viz breathe.
  • Great use of whitespace
  • Everything is super crisp and easy to read
Recommended Enhancements:
  • Make it interactive so I can hover over areas for more information
  • How long would this trip take? Seems like duration would be a good addition.
  • Link to the data source is missing. It's mentioned in the article, but would be good to include in the standalone image too.

Thursday, March 2, 2017

Washington D.C. Metro Scorecard

SourceTableau Public
AuthorLindsey Poulter


Best Practices:
  • Awesome scorecard example
  • Super clean and easy to read
  • Including the values on the bars aids in comprehension yet doesn't distract
  • Including a reference line and labeling it for the goal
  • Color-coding the bars by above/below the goal makes problems easy to spot
  • Good color choices
  • Terrific organization, everything is in the perfect spot
  • Including light dotted borders to section the scorecard
  • Nice section labels in grey boxes
  • Nice titles for each metric and subtitles where necessary
  • Really good labeling on the color legend
  • Filtering is out of the way, yet easily accessible
  • Timelines are consistent across all of the metrics
  • Including a dot on the end of each line and color-coding it
  • Including the goal line on the line charts
  • Great context on every chart
  • Included a link to the data source
Recommended Enhancements:
  • I can't think of a single thing I would change or improve. Might this be the "perfect" dashboard?

About Me

Categories