Information Visualization: Analyzing and Presenting Data

1,718 views

Published on

Published in: Design, Education, Technology
1 Comment
2 Likes
Statistics
Notes
No Downloads
Views
Total views
1,718
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
82
Comments
1
Likes
2
Embeds 0
No embeds

No notes for slide

Information Visualization: Analyzing and Presenting Data

  1. 1. Information Visualization: Analyzing and Presenting Data. a/prof. Andrew Vande Moere Research[x]Design (RxD) Department of Architecture - KU Leuven http://rxd.asro.kuleuven.be Data visualisation lab leuven http://datavislab.org Information Aesthetics http://infosthetics.com - @infosthetics
  2. 2. Information Aesthetics - “Where Form Follows Data” HTTP://infosthetics.com - founded in 2004
  3. 3. Johny mnemonic tristar pictures -1995
  4. 4. Hackers United Artists - 1996
  5. 5. Cyber swap worlds 1997
  6. 6. Stock Market Swarm 2004
  7. 7. Stock Market Swarm 2004
  8. 8. Stock Market Swarm 2004
  9. 9. University Finance 2003
  10. 10. University Finance 2003
  11. 11. emerging popularity of data visualization?
  12. 12. Ability to collect data is increasing faster than our ability to analyze it http://www.popsci.com/technology/article/2011-05/every-six-hours-nsa-gathers-much-data-stored-entire-library-congress
  13. 13. open data “VLAAMSE OVERHEID KIEST VOOR OPEN DATA” - 2012 - http://www.bestuurszaken.be/vlaamse-overheid-kiest-voor-open-data
  14. 14. open data European union open data portal - http://open-data.europa.eu/
  15. 15. SOCIAL relevance hospital costs - Kitware - http://infovis.kitware.com/hospital-costs/
  16. 16. new kinds of relevance Travel Time Maps - Stamen design - http://www.mysociety.org/2007/more-travel-maps/morehousing
  17. 17. quantified self Stranger Than Fiction - Columbia Pictures - 2006
  18. 18. quantified self The personal analytics of my life- http://blog.stephenwolfram.com/2012/03/the-personal-analytics-of-my-life/
  19. 19. quantified self Feltron Annual Year Report - 2005-2012- http://feltron.com
  20. 20. rich meaning of data Tourists versus Locals - Eric Fischer - 2010 - http://www.flickr.com/photos/walkingsf/sets/72157624209158632/
  21. 21. rich meaning of data Tourists versus Locals - Eric Fischer - 2010 - http://www.flickr.com/photos/walkingsf/sets/72157624209158632/
  22. 22. rich meaning of data Digital Footprinting: Uncovering Tourists with User-Generated Content - 2008
  23. 23. rich meaning of data New york runners visualized - cargo collective - http://cargocollective.com/coopersmith/Nike-Plus-Visualization
  24. 24. Data visualisation as... 1) tool 2) medium 3) practice 4) communication 5) catalyst
  25. 25. Data visualisation as a tool.
  26. 26. choice of visualization technique information display tips - Cleveland and McGill
  27. 27. choice of visualization technique information display tips - http://understandinggraphics.com/visualizations/information-display-tips/
  28. 28. choice of visualization technique chart suggestions - 2006 - http://extremepresentation.typepad.com/blog/2006/09/choosing_a_good.html
  29. 29. time-based visualization techniques line graph - stacked graph - small multiples - horizon graph
  30. 30. map-based visualization techniques flow map - chloropeth map - symbol map - cartogram (DORLING cartogram / bubble map)
  31. 31. hierarchy-based visualization techniques flat & radial node-link diagram - dendogram - sunburst -treemap
  32. 32. network-based visualization techniques Force-directed network - arc diagram - matrix view
  33. 33. 1. Show comparisons, contrasts, differences 2. Show causality, mechanism, explanation, systematic structure 3. Show multivariate data, i.e. more than 1 or 2 variables 4. Completely integrate words, numbers, images, diagrams 5. Thoroughly describe the evidence: title, authors and sponsors, data sources, add measurement scales, highlight relevant issues 6. Analytical presentations ultimately stand or fall depending on the quality, relevance and integrity of their content DATA VisualisatiON good practice guidelines Principles for the Analysis and Presentation of Data - edward Tufte
  34. 34. Data visualisation as a medium.
  35. 35. data graphics Today In Dishonest Fox News Charts - http://mediamatters.org/blog/2011/12/12/today-in-dishonest-fox-news-charts/185162
  36. 36. infografiek How Osama bin Laden Was Located and Killed - nytimes- 2011 - http://www.nytimes.com/interactive/2011/05/02/world/asia/abbot
  37. 37. data visualization Visualizing information flow in science - moritz stefaner - 2009 - http://stefaner.eu/projects/eigenfactor/
  38. 38. information design Compare countries through their shape - carlo zapponi & vasundhara parakh - http://worldshap.in/#/
  39. 39. information design Visualizing deletion discussions on wikipedia - moritz stefaner - http://notabilia.net/
  40. 40. data Illustration literary organism - stefanie posavec - http://www.itsbeenreal.co.uk/
  41. 41. data illustration Poetry on the road - Boris Müller - http://www.esono.com/boris/projects/poetry06/
  42. 42. data ART DNA Portrait - http://dna11.com
  43. 43. data ART Nonsensical infographics - chad Hagen - 2009
  44. 44. Data visualisation as design.
  45. 45. visualization as design “On the Role of Design in Information Visualization” - Vande Moere and Purchase - 2012
  46. 46. visualization as design “On the Role of Design in Information Visualization” - Vande Moere and Purchase - 2012
  47. 47. visualisatie in ontwikkeling “On the Role of Design in Information Visualization” - Vande Moere and Purchase - 2012
  48. 48. ThemeRiver “ThemeRiver: Visualizing Theme Changes over Time” - Havre et al. - 2002
  49. 49. StreamGraph “Stacked Graphs – Geometry & Aesthetics” - Lee Byron et al. - 2007
  50. 50. The Ebb and Flow of Movies: Box Office Receipts 1986 - 2008 NYTimes - http://www.nytimes.com/interactive/2008/02/23/movies/20080223_REVENUE_GRAPHIC.html
  51. 51. research -> exploration -> practice
  52. 52. Movie Narrative Charts Randall MUnroe - http://xkcd.com/657
  53. 53. Software Evolution Storylines Ogawa and Ma - 2010
  54. 54. practice -> research
  55. 55. Data visualisation as communication.
  56. 56. Be au ty Meaning ‘aesthetic’ components of data visualization “Towards a Model of Aesthetics in Information Visualization”, Lau and Vande Moere et al., 2007
  57. 57. 1. beauty / style Billion Pound-O-Gram - Information is Beautiful - 2009 - informationisbeautiful.net
  58. 58. 1. beauty / visualization technique http://www.mcclatchydc.com/2012/02/13/138787/obamas-budget-would-shrink-annual.html#.UkBfimSkxNw http://www.nytimes.com/interactive/2012/02/13/us/politics/2013-budget-proposal-graphic.html
  59. 59. 2. interaction: interface Many Eyes - IBM - http://www-958.ibm.com/software/analytics/manyeyes/
  60. 60. 2. interaction: fluid selection Baby Name Wizard - http://www.babynamewizard.com/voyager
  61. 61. 2. interaction: animation the jobless rate for people like you - nytimes - http://www.nytimes.com/interactive/2009/11/06/business/economy/unemployme
  62. 62. 3. Interactie: sharing responsibility Budget Puzzle: You Fix the Budget - NYTimes - http://www.nytimes.com/interactive/2010/11/13/weekinreview/deficits-graphic.html
  63. 63. 3. communication of meaning UK Casualties in Afghanistan and Iraq - BBC News - 2009 - http://www.bbc.co.uk/news/uk-10634102
  64. 64. 3. communication of meaning faces of the death - nytimes - http://www.nytimes.com/interactive/us/faces-of-the-dead.html
  65. 65. 3. communication of meaning CNN Home and AWAY - http://edition.cnn.com/
  66. 66. 3. communication of meaning aleb Larsen - caleblarsen.com - 2006
  67. 67. 3. communication of meaning aleb Larsen - caleblarsen.com - 2006
  68. 68. Out of Sight, Out of Mind Pitch Interactive -2013 - http://drones.pitchinteractive.com/
  69. 69. U.S. Gun Murders in 2010 Periscopic - 2013 - http://guns.periscopic.com/
  70. 70. 3. communication of meaning “Narrative Visualization: Telling Stories with Data” - Segel and Heer - 2010
  71. 71. Data visualisation as catalyst.
  72. 72. evaluation studies effectiveness - efficiency - impact of design choices
  73. 73. NEW Visualization interfaces Rxd - work in progress
  74. 74. social media mapping in Belgium Rxd - (work in progress)
  75. 75. social media mapping in Belgium Rxd - (work in progress)
  76. 76. social media mapping in Belgium (work in progress)
  77. 77. social media mapping in Belgium (work in progress)
  78. 78. social media mapping in Belgium (work in progress)
  79. 79. persuasive power of (Public) visualization
  80. 80. persuasive power of visualization
  81. 81. Public visualization Where is the Money - http://timdevin.com/broadsides.html
  82. 82. real-time electricity consumption monitors Eco Eye - http://eco-eye.com/
  83. 83. Externalizing Energy Consumption Dan Hill (Arup Sydney)
  84. 84. Externalizing Energy Consumption Dan Hill (Arup Sydney)
  85. 85. neighborhood scoreboards “Comparative Feedback in the Street: Exposing Residential Energy Consumption on House Façades”, 2011.
  86. 86. neighborhood scoreboards “Comparative Feedback in the Street: Exposing Residential Energy Consumption on House Façades”, 2011.
  87. 87. neighborhood scoreboards “Comparative Feedback in the Street: Exposing Residential Energy Consumption on House Façades”, 2011.
  88. 88. neighborhood scoreboards “Comparative Feedback in the Street: Exposing Residential Energy Consumption on House Façades”, 2011.
  89. 89. Average change Public & Private Display - 2.5% Private Display Only - 1% - 0.5% No Display neighborhood scoreboards “Comparative Feedback in the Street: Exposing Residential Energy Consumption on House Façades”, 2011.
  90. 90. Civic Smart Meter public competition of Building Performance
  91. 91. Civic Smart Meter public competition of Street-wide Performance
  92. 92. Street visualization "Street Visualization: Raising Awareness for Local Social Issues through a Situated Display”, 2013.
  93. 93. Street visualization "Street Visualization: Raising Awareness for Local Social Issues through a Situated Display”, 2013.
  94. 94. Reveal-IT! “Reveal-it!: the impact of a social visualization projection on public awareness and discourse”, 2012
  95. 95. Reveal-It! “Reveal-it!: the impact of a social visualization projection on public awareness and discourse”, 2012
  96. 96. Reveal-IT! “Reveal-it!: the impact of a social visualization projection on public awareness and discourse”, 2012
  97. 97. Myposition “evaluating the impact of a public interactive poll visualization”, submitted 2013.
  98. 98. Myposition “evaluating the impact of a public interactive poll visualization”, submitted 2013.
  99. 99. Myposition “evaluating the impact of a public interactive poll visualization”, submitted 2013.
  100. 100. Myposition “evaluating the impact of a public interactive poll visualization”, submitted 2013.
  101. 101. Design guidelines “Design Study Methodology: Reflections from the Trenches and the Stacks” Michael Sedlmair, Miriah Meyer, Tamara Munzner, IEEE Infovis 2012
  102. 102. . maak verschil tussen exploratie en communicatie . betracht sociale relevantie van data . verken praktijk, onderzoek en kunsten . ken cognitieve en good-practice guidelines . integreer schoonheid, interactie en betekenis conclusion Symbiosis of design and visualization
  103. 103. contacT http://infoscape.org- http://rxd.asro.kuleuven.be - http://datavislab.org - http://infosthetics.com

×