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

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply

visualizing Information in 6 steps

  • 3,287 views
Published

6 things to remember when visualizing information

6 things to remember when visualizing information

Published in Design , Technology , Sports
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
3,287
On SlideShare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
157
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