Data vis

1,163 views

Published on

Published in: Education, Technology
  • Be the first to comment

Data vis

  1. 1. Information Literacy Data Visualization Holly Willis Institute for Multimedia Literacy USC 10 Questions Georgia International Conference on Information Literacy
  2. 2. What is data visualization? #1
  3. 3. “… situations when quantified data which by itself is not visual… is transformed into a visual representation…” Lev Manovich, The Future of Learning Institutions in a Digital Age “… the process whereby abstract data is rendered visual in a manner that helps elucidate relationships and supports forms of analysis. . . ” data visualization
  4. 4. pragmatic aesthetic versus
  5. 5. * Edward Tufte The Visual Display of Quantitative Information – > clarity – > precision – > efficiency
  6. 6. What is its history? #2
  7. 7. ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ++++ William Playfair +++ ++++++++++++++++++++++++++++++ ++++++++++++++++++++++++++++++ +++++++++++++++++++++++++++++++++++++ Jacques Bertin: Semiology of Graphics +++ ++++++++++++++++++++++++++++++++++++++++++++++++++++ ++++++++++ John Tukey: Explanatory Data Analysis +++++++++++ ++++++++++++++++++++++++++++++++++++++++++++++++++++ Edward Tufte, The Visual Display of Quantitative Information ++ ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ * … historical precedents….
  8. 8. Balance of Trade Prices, Wages and Reigns William Playfair “ inventor of graphical forms”
  9. 9. Charles Minard Napoleon’s March to Moscow “ best statistical graphic”
  10. 10. John Snow Cholera deaths in London “ pioneer in disease mapping”
  11. 11. Etienne-Jules Marey motion studies “ pioneer of dynamic graphics”
  12. 12. Henry Beck London Underground 1933 simplicity
  13. 13. Charles & Ray Eames Powers of Ten 1977 Henry Beck
  14. 14. Icoro Doria Angola China Colombia
  15. 15. NameVoyager 2007 Laura & Martin Wattenberg
  16. 16. We Feel Fine Jonathan Harris Sep Kamvar
  17. 17. Why is it so prevalent? #3
  18. 18. data deluge capacity databases social media
  19. 19. What’s the process? #4
  20. 20. parse filter represent mine refine interact Ben Fry, Visualizing Data
  21. 21. organize simplify compare cause and effect contrast multiply views
  22. 22. What are the various types ? #5
  23. 23. ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ++++ comparative analysis ++++++++++++++++++++++++++++++ +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ time series +++++++++++++++ ++++++++++++++++++++++++++++++++++++++++++++++++++++ ++++ part to whole relationships +++++++++++++++++++++++++ ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ deviation analysis +++++++++++++++++++ ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++multivariate analysis+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ * … data visualization genres….
  24. 24. What’s storytelling with data? #6
  25. 25. ••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• --------- question + visual data + context = story ---------- ••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• * Mattias Shapiro Once Upon a Stacked Time Series The Importance of Storytelling in Information Visualization
  26. 26. “ Stories have a marvelous way of focusing our attention and helping us discern why the data presented is important or relevant to some part of our lives.” Mattias Shapiro
  27. 27. Al Gore, An Inconvenient Truth
  28. 28. What are some tools? #7
  29. 29. Google Refine DataWrangler http://code.google.com/p/google-refine/ http://vis.stanford.edu/wrangler/ data cleaning
  30. 30. Wordle http://www.wordle.net/create
  31. 31. Google Fusion https://sites.google.com/site/fusiontablestalks/
  32. 32. Many Eyes http://www-958.ibm.com
  33. 33. Processing http://processing.net
  34. 34. Tableau Public http://www.tableausoftware.com/public
  35. 35. OpenHeatMap http://www.openheatmap.com/
  36. 36. TimeFlow https://github.com/FlowingMedia/TimeFlow/wiki/
  37. 37. Gephi http://gephi.org/
  38. 38. Who cares? #8
  39. 39. ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ++++ proliferation of data ++++++++++++++++++++++++++++++ +++++++++++++++++++++++ deeply rhetorical ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ++++ lower barriers ++++++++++++++++++++++++++++++++ ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ competencies ++++++++++++++++++ ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 21 st century citizenship +++++++++++++++++++++++++ ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ * … .the significance of data visualization…
  40. 40. critical approach
  41. 41. “ What kinds of participation are opened up when cycles of everyday action and the representation of collective sovereignty are bound so much more closely within planetary information networks , now responsive on a molecular level?” Natalie Jereminjenko and Benjamin Bratton
  42. 42. “ spectacularization information” of Natalie Jereminjenko and Benjamin Bratton
  43. 43. IBM | Motion Theory | Data Anthem | 2010
  44. 44. IBM | Motion Theory | Data Energy | 2010
  45. 45. IBM | Motion Theory | Data City | 2010
  46. 46. IBM | Motion Theory | Data Baby | 2010
  47. 47. IBM | Internet of Things | 2010
  48. 48. “ visualization criticism” Robert Kosara, “Visualization Criticism – The Missing Link Between Information Visualization and Art”
  49. 50. Enhanced State of the Union address | 2010
  50. 51. Enhanced State of the Union address | 2010 No visualization
  51. 52. Enhanced State of the Union address | 2010 Meaningless illustration
  52. 53. Enhanced State of the Union address | 2010 Rhetorical juxtaposition
  53. 54. Enhanced State of the Union address | 2010 Text visualization
  54. 55. Enhanced State of the Union address | 2010 Rhetorical Illustration
  55. 56. Enhanced State of the Union address | 2010 Data visualization
  56. 57. Enhanced State of the Union address | 2010 Rhetorical visualization
  57. 58. Enhanced State of the Union address | 2010 Mendacious visualization
  58. 59. State of the Union Visualizer | Brad Borevitz | 2010
  59. 60. George W. Bush SOTU | 2001 Harry S. Truman SOTU | 1953
  60. 61. George W. Bush SOTU | 2001 George W. Bush SOTU | 2003
  61. 62. Barack Obama | State of the Union | 2010
  62. 63. State of the Union | Lenka Clayton | 2003 Data Sonification
  63. 64. #9 Connection to the digital humanities?
  64. 65. What’s the future? #10

×