3 Ways to Improve Your Data Visualizations

Transcript

1. 3 Ways to Improve Your Data Visualizations
2. What’s the problem?
5. Why should you care?
7. What’s the solution?
8. “The purpose of visualization is insight, not pictures.” - Ben Shneiderman, HCI Lab, University of Maryland
9. 1 Understand Your Goal 2 Pick the “Right” Method 3 Follow Best Practices
10. No. 1 Understand Your Goal
11. • To inform? • To offer a tool? • To persuade?
12. No. 1 Understand Your Goal
13. No. 2 Pick the “Right” Method
14. extremepresentation.com/uploads/documents/choosing_a_good_chart.pdf Circular Area Chart Line Chart Column Chart Line Chart Scatter Chart 3D Area Chart Pie Chart Waterfall Chart Stacked 100% Column Chart with Subcomponents Stacked Area Chart Stacked 100% Area Chart Stacked Column Chart Stacked 100% Column Chart Bubble Chart Scatter Chart Variable Width Column Chart Table or Table with Embedded Charts Bar Chart Column Chart Column Histogram Line Histogram ree Variables Two Variables Single Variable Many Periods Few Periods Two Variables per Item Many Categories One Variable per Item Among Items What would you like to show? Many Items Few Categories Few Items Many Periods Cyclical Data Non-Cyclical Data Few Periods Single or Few Categories Many Categories Over Time Comparison Distribution Few Data Points Many Data Points Two Variables ree Variables Relationship Composition Simple Share of Total Accumulation or Subtraction to Total Components of Components Static Only Relative Diff erences Matter Relative and Absolute Diff erences Matter Only Relative Diff erences Matter Relative and Absolute Diff erences Matter Changing Over Time
15. Don’t underestimate the effectiveness of a simple table.
17. Steering Feel Steering Accuracy Steering Weight/Heft Chassis Composure Chassis Response Chassis Control Cockpit Ergonomics Fun-to- Drive Average Score Car 1 5.0 4.9 5.0 4.8 4.7 3.8 4.7 4.8 4.71 Car 2 4.5 5.0 4.2 4.5 5.0 3.5 2.5 4.6 4.23 Car 3 4.0 4.3 2.9 3.4 4.1 4.0 2.4 4.0 3.64 Car 4 3.5 3.8 2.9 3.1 3.7 2.5 3.1 4.0 3.33 Car 5 3.0 2.5 2.7 3.6 2.7 2.6 2.4 2.7 2.78 Car 6 2.0 2.4 2.0 2.6 2.1 2.3 2.5 2.5 2.30
18. 1 Group 2 Size 3 Position 4 Angle 5 Color 6 Annotate
19. 1 Group
20. blog.typekit.com/2012/06/12/designing-data/
21. 2 Size
22. blog.typekit.com/2012/06/12/designing-data/
23. 3 Position
24. blog.typekit.com/2012/06/12/designing-data/
25. 4 Angle
26. blog.typekit.com/2012/06/12/designing-data/
27. 5 Color
28. blog.typekit.com/2012/06/12/designing-data/
29. blog.typekit.com/2012/06/12/designing-data/
30. 6 Annotate
31. blog.typekit.com/2012/06/12/designing-data/
32. No. 2 Pick the “Right” Method
33. No. 3 Follow Best Practices
34. Edward Tufte “The da Vinci of Data”
35. 1 Graphical integrity (don’t lie) 2 Maximize data density 3 Avoid chartjunk (1+1=3) 4 Least effective difference
36. 1 Graphical integrity (don’t lie)
37. Source: The Visual Display of Quantitative Information
38. 2 Maximize data density
40. 3 Avoid chartjunk (1+1=3)
41. Source: The Visual Display of Quantitative Information
42. 3 Least effective difference
45. Steering ! Feel Steering Accuracy Steering Weight/Heft Chassis Composure Chassis Response Chassis Control Cockpit Ergonomics Fun-to- Drive Average Score Car 1 5.0 4.9 5.0 4.8 4.7 3.8 4.7 4.8 4.71 Car 2 4.5 5.0 4.2 4.5 5.0 3.5 2.5 4.6 4.23 Car 3 4.0 4.3 2.9 3.4 4.1 4.0 2.4 4.0 3.64 Car 4 3.5 3.8 2.9 3.1 3.7 2.5 3.1 4.0 3.33 Car 5 3.0 2.5 2.7 3.6 2.7 2.6 2.4 2.7 2.78 Car 6! 2.0 2.4 2.0 2.6 2.1 2.3 2.5 2.5 2.30
46. Steering Feel Steering Accuracy Steering Weight/Heft Chassis Composure Chassis Response Chassis Control Cockpit Ergonomics Fun-to- Drive Average Score Car 1 5.0 4.9 5.0 4.8 4.7 3.8 4.7 4.8 4.71 Car 2 4.5 5.0 4.2 4.5 5.0 3.5 2.5 4.6 4.23 Car 3 4.0 4.3 2.9 3.4 4.1 4.0 2.4 4.0 3.64 Car 4 3.5 3.8 2.9 3.1 3.7 2.5 3.1 4.0 3.33 Car 5 3.0 2.5 2.7 3.6 2.7 2.6 2.4 2.7 2.78 Car 6 2.0 2.4 2.0 2.6 2.1 2.3 2.5 2.5 2.30
47. Sources
48. Tufte's Design Principles http://vis.cs.pitt.edu/teaching/cs2620/lectures/L04_TufteDesign.pdf ! Three Charts is All I Need http://37signals.com/svn/posts/3388-three-charts-is-all-i-need ! Designing Data http://blog.typekit.com/2012/06/12/designing-data/ ! Visual Display of Quantitative Information http://www.amazon.com/The-Visual-Display-Quantitative-Information/dp/0961392142 ! Envisioning Information http://www.amazon.com/Envisioning-Information-Edward-R-Tufte/dp/0961392118/
49. When the Data Struts its Stuff http://www.nytimes.com/2011/04/03/business/03stream.html ! Data Visualization (General Assembly Lecture) http://www.slideshare.net/GeneralAssembly_SF/data-visualization-16265937 ! A Case Study in How Infographics Can Bend the Truth http://www.fastcodesign.com/1669222/a-case-study-in-how-infographics-can-bend-the-truth ! 16 Useless Infographics http://www.theguardian.com/news/datablog/gallery/2013/aug/01/16-useless-infographics ! Advanced Presentations By Design http://www.extremepresentation.com/books/advanced_presentation_by_design ! Tufte's Principles for Visualizing Quantitative Information http://thedoublethink.com/2009/08/tufte%E2%80%99s-principles-for-visualizing-quantitative-information/