Visualizing data spring2012

637 views

Published on

This is a workshop I gave

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

No Downloads
Views
Total views
637
On SlideShare
0
From Embeds
0
Number of Embeds
8
Actions
Shares
0
Downloads
4
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Visualizing data spring2012

  1. 1. Visualizing Data Lisa Kurt, Emerging Technologies Librarian Facebook worldwide friendships mapped: http://flowingdata.com/2010/12/13/facebook-worldwide-friendships-mapped/
  2. 2. Who? What skills? <ul><li>Designer </li></ul><ul><li>Computer Scientist </li></ul><ul><li>Statistician </li></ul><ul><li>Teacher/professor </li></ul><ul><li>Mathematician </li></ul><ul><li>Business person </li></ul><ul><li>Entrepreneur </li></ul><ul><li>Artist </li></ul><ul><li>Etc… </li></ul>http://flowingdata.com/2011/08/19/bikes-of-san-francisco/
  3. 3. Let’ s look at some fun information! <ul><li>Web of Science vs. Google Scholar </li></ul>Web of Science Google Scholar 07/2008 604 643 08/2008 580 604 09/2008 1083 1109 10/2008 1302 1241 11/2008 638 1297 12/2008 677 886
  4. 4. Let’ s make it cooler
  5. 5. More cooler
  6. 6. Not awesome enough yet
  7. 7. Does it get better than this?
  8. 8. Wow.
  9. 9. <ul><li>“ There is no such thing as information overload, only bad design” </li></ul>-Edward Tufte
  10. 10. <ul><li>Composition </li></ul><ul><li>Alignment </li></ul><ul><li>Repetition </li></ul><ul><li>Contrast </li></ul><ul><li>Color </li></ul><ul><li>Typography </li></ul><ul><li>Image choice </li></ul>basic design elements
  11. 11. 3 words on chart junk… Don ’t do this.
  12. 12. Hrishi Mittal Rafal Dittwald Original graph: http://flowingdata.com/2010/02/25/challenge-make-this-graph-easier-to-read/ Brendan
  13. 13. http://www.japanquakemap.com/
  14. 14. http://xkcd.com/radiation/
  15. 15. Save pens. Use Garamond font
  16. 16. How Genetics Works http://flowingdata.com/2010/03/05/how-genetics-works/
  17. 17. http://flowingdata.com/category/visualization/page/2/ We have a need to explain and understand our world… even the humorous sides.
  18. 18. Conventions can work with us. Can you spot conventions used in this infographic? http://lemon.ly/slider/the-united-states-use-of-food-stamps
  19. 19. Many Eyes http://manyeyes.alphaworks.ibm.com
  20. 20. “ Yes We Can visualized”
  21. 22. Google Visualization API http://code.google.com/apis/visualization/
  22. 23. Want to be like Hans Rosling?!? http://www.youtube.com/watch?v=hVimVzgtD6w  
  23. 24. http://code.google.com/apis/chart/interactive/docs/gallery/motionchart.html Now you can!
  24. 25. Graphviz http://graphviz.org/
  25. 26. Unix versions
  26. 27. The code!
  27. 28. BabyName Wizard http://www.babynamewizard.com/voyager# http://actionscript.org/ Flash/ActionScript
  28. 30. EigenFactor http://www.eigenfactor.org
  29. 32. http://xkcd.com/688/
  30. 33. Your turn! <ul><li>Design a single infographic that demonstrates information/data gathered from the candy. </li></ul><ul><li>Sketch on paper or online. Or both! </li></ul><ul><li>Consider the color, composition, contrast, typography, alignment, and repetition when designing your visualization. </li></ul><ul><li>Work with a partner- no more than 3 in a group. </li></ul><ul><li>Presentation and discussion. </li></ul>

×