visualizing Information in 6 steps

3,793 views

Published on

6 things to remember when visualizing information

Published in: Design, Technology, Sports

visualizing Information in 6 steps

  1. 1. visualizing information in 6 steps version with links to sources
  2. 2. source: Wire Magazine 16 June 2008 Artifacts from the future need for visualization
  3. 3. 6 principles to keep in mind
  4. 4. data-ink ratio = data-ink total ink used to print the graphic = proportion of a graphic’s ink devoted to the non-redundant display of data = 1 – proportion of graphic that can be erased
  5. 5. 2 1 3 5 4 6 source: The Visual Display of Quantitative Information by Edward R. Tufte
  6. 6. 1 2 need grid? make it lighter source: train schedule by E.J. Marey
  7. 7. 1 2 standard Excel grid and axis
  8. 8. data-ink ratio
  9. 9. di Robert Shumann 2d > 3d source: The Visual Display of Quantitative Information by Edward R. Tufte mens ions
  10. 10. divisions in France 2d > 4d source: The War with Germany by Leonard P. Ayres
  11. 11. breakdown of car components 2d > 4d source: The Visual Display of Quantitative Information by Edward R. Tufte
  12. 12. bullet chart 5d source: bullet chart by Stephen Few
  13. 13. dimensions
  14. 14. size http://en.wikipedia.org/wiki/Golden_ratio golden ratio
  15. 15. source: Beautiful Evidence by Edward R. Tufte small is beautiful - sparklines
  16. 16. sparklines for binary data source: Beautiful Evidence by Edward R. Tufte
  17. 17. size
  18. 18. font do not mix styles and cases! source: The Visual Display of Quantitative Information by Edward R. Tufte
  19. 19. 1 2 emphasis here use alternative for boring Arial eg Trebuchet
  20. 20. fonts
  21. 21. color emphasis here eye does not focus on data source: The Visual Display of Quantitative Information by Edward R. Tufte
  22. 22. source: The Visual Display of Quantitative Information by Edward R. Tufte get color inspiration from nature
  23. 23. use of contours source: The Visual Display of Quantitative Information by Edward R. Tufte 1 2
  24. 24. color selection source: colorbrewer.org by Cynthia Brewer
  25. 25. 1 out of 10 people perceive red and green like gray source: Information Visualization: Perception for Design by Colin Ware
  26. 27. colors
  27. 28. open your eyes and be aware of source: Excel 2007 sample graphs by Microsoft Excel Blog Team
  28. 29. source: Excel 2007 sample graphs by Microsoft Excel Blog Team do not use 3d use bar charts instead of pie charts
  29. 30. is this a dashboard? source: Delcom International B.V.
  30. 31. simplicity and elegance are key! source: Rolls-Royce Motor Cars Ltd.
  31. 32. source: airline dashboard by BonaVista Systems
  32. 34. books The Visual Display of Quantitative Information Envisioning Information Visual Explanations Information Visualization Information Dashboard Design Beautiful Evidence
  33. 35. blogs excelcharts.com/blog visualisationmagazine.com/blogvisualthinkmap peltiertech.com/WordPress neoformix.com blog.xlcubed.com www.coolinfographics.com www.juiceanalytics.com/writing www.visualcomplexity.com/vc/blog eagereyes.org

×