Your SlideShare is downloading. ×
0
visualizing Information in 6 steps
visualizing Information in 6 steps
visualizing Information in 6 steps
visualizing Information in 6 steps
visualizing Information in 6 steps
visualizing Information in 6 steps
visualizing Information in 6 steps
visualizing Information in 6 steps
visualizing Information in 6 steps
visualizing Information in 6 steps
visualizing Information in 6 steps
visualizing Information in 6 steps
visualizing Information in 6 steps
visualizing Information in 6 steps
visualizing Information in 6 steps
visualizing Information in 6 steps
visualizing Information in 6 steps
visualizing Information in 6 steps
visualizing Information in 6 steps
visualizing Information in 6 steps
visualizing Information in 6 steps
visualizing Information in 6 steps
visualizing Information in 6 steps
visualizing Information in 6 steps
visualizing Information in 6 steps
visualizing Information in 6 steps
visualizing Information in 6 steps
visualizing Information in 6 steps
visualizing Information in 6 steps
visualizing Information in 6 steps
visualizing Information in 6 steps
visualizing Information in 6 steps
visualizing Information in 6 steps
visualizing Information in 6 steps
visualizing Information in 6 steps
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

visualizing Information in 6 steps

3,349

Published on

6 things to remember when visualizing information

6 things to remember when visualizing information

Published in: Design, Technology, Sports
0 Comments
17 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
3,349
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
158
Comments
0
Likes
17
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

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

×