This document provides an overview of information visualization and data visualization. It discusses visualization as a tool, medium, practice, form of communication, and catalyst. It provides examples in each of these categories and discusses principles of good visualization design and the role of design in visualization. Key topics covered include visualization techniques, interactive visualization, public visualization projects, and evaluation studies on the impact of visualization.

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. Information Aesthetics - “Where Form Follows Data”
HTTP://infosthetics.com - founded in 2004

3. Johny mnemonic
tristar pictures -1995

4. Hackers
United Artists - 1996

5. Cyber swap worlds
1997

6. Stock Market Swarm
2004

7. Stock Market Swarm
2004

8. Stock Market Swarm
2004

9. University Finance
2003

10. University Finance
2003

11. emerging popularity of data visualization?

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. open data
“VLAAMSE OVERHEID KIEST VOOR OPEN DATA” - 2012 - http://www.bestuurszaken.be/vlaamse-overheid-kiest-voor-open-data

14. open data
European union open data portal - http://open-data.europa.eu/

15. SOCIAL relevance
hospital costs - Kitware - http://infovis.kitware.com/hospital-costs/

16. new kinds of relevance
Travel Time Maps - Stamen design - http://www.mysociety.org/2007/more-travel-maps/morehousing

17. quantified self
Stranger Than Fiction - Columbia Pictures - 2006

18. quantified self
The personal analytics of my life- http://blog.stephenwolfram.com/2012/03/the-personal-analytics-of-my-life/

19. quantified self
Feltron Annual Year Report - 2005-2012- http://feltron.com

20. rich meaning of data
Tourists versus Locals - Eric Fischer - 2010 - http://www.flickr.com/photos/walkingsf/sets/72157624209158632/

21. rich meaning of data
Tourists versus Locals - Eric Fischer - 2010 - http://www.flickr.com/photos/walkingsf/sets/72157624209158632/

22. rich meaning of data
Digital Footprinting: Uncovering Tourists with User-Generated Content - 2008

23. rich meaning of data
New york runners visualized - cargo collective - http://cargocollective.com/coopersmith/Nike-Plus-Visualization

24. Data
visualisation as...
1) tool
2) medium
3) practice
4) communication
5) catalyst

25. Data
visualisation
as a tool.

26. choice of visualization technique
information display tips - Cleveland and McGill

27. choice of visualization technique
information display tips - http://understandinggraphics.com/visualizations/information-display-tips/

28. choice of visualization technique
chart suggestions - 2006 - http://extremepresentation.typepad.com/blog/2006/09/choosing_a_good.html

29. time-based visualization techniques
line graph - stacked graph - small multiples - horizon graph

30. map-based visualization techniques
flow map - chloropeth map - symbol map - cartogram (DORLING cartogram / bubble map)

31. hierarchy-based visualization techniques
flat & radial node-link diagram - dendogram - sunburst -treemap

32. network-based visualization techniques
Force-directed network - arc diagram - matrix view

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. Data
visualisation
as a
medium.

35. data graphics
Today In Dishonest Fox News Charts - http://mediamatters.org/blog/2011/12/12/today-in-dishonest-fox-news-charts/185162

36. infografiek
How Osama bin Laden Was Located and Killed - nytimes- 2011 - http://www.nytimes.com/interactive/2011/05/02/world/asia/abbot

37. data visualization
Visualizing information flow in science - moritz stefaner - 2009 - http://stefaner.eu/projects/eigenfactor/

38. information design
Compare countries through their shape - carlo zapponi & vasundhara parakh - http://worldshap.in/#/

39. information design
Visualizing deletion discussions on wikipedia - moritz stefaner - http://notabilia.net/

40. data Illustration
literary organism - stefanie posavec - http://www.itsbeenreal.co.uk/

41. data illustration
Poetry on the road - Boris Müller - http://www.esono.com/boris/projects/poetry06/

42. data ART
DNA Portrait - http://dna11.com

43. data ART
Nonsensical infographics - chad Hagen - 2009

44. Data
visualisation
as
design.

45. visualization as design
“On the Role of Design in Information Visualization” - Vande Moere and Purchase - 2012

46. visualization as design
“On the Role of Design in Information Visualization” - Vande Moere and Purchase - 2012

47. visualisatie in ontwikkeling
“On the Role of Design in Information Visualization” - Vande Moere and Purchase - 2012

48. ThemeRiver
“ThemeRiver: Visualizing Theme Changes over Time” - Havre et al. - 2002

49. StreamGraph
“Stacked Graphs – Geometry & Aesthetics” - Lee Byron et al. - 2007

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. research -> exploration -> practice

52. Movie Narrative Charts
Randall MUnroe - http://xkcd.com/657

53. Software Evolution Storylines
Ogawa and Ma - 2010

54. practice -> research

55. Data
visualisation
as
communication.

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. 1. beauty / style
Billion Pound-O-Gram - Information is Beautiful - 2009 - informationisbeautiful.net

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. 2. interaction: interface
Many Eyes - IBM - http://www-958.ibm.com/software/analytics/manyeyes/

60. 2. interaction: fluid selection
Baby Name Wizard - http://www.babynamewizard.com/voyager

61. 2. interaction: animation
the jobless rate for people like you - nytimes - http://www.nytimes.com/interactive/2009/11/06/business/economy/unemployme

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. 3. communication of meaning
UK Casualties in Afghanistan and Iraq - BBC News - 2009 - http://www.bbc.co.uk/news/uk-10634102

64. 3. communication of meaning
faces of the death - nytimes - http://www.nytimes.com/interactive/us/faces-of-the-dead.html

65. 3. communication of meaning
CNN Home and AWAY - http://edition.cnn.com/

66. 3. communication of meaning
aleb Larsen - caleblarsen.com - 2006

67. 3. communication of meaning
aleb Larsen - caleblarsen.com - 2006

68. Out of Sight, Out of Mind
Pitch Interactive -2013 - http://drones.pitchinteractive.com/

69. U.S. Gun Murders in 2010
Periscopic - 2013 - http://guns.periscopic.com/

70. 3. communication of meaning
“Narrative Visualization: Telling Stories with Data” - Segel and Heer - 2010

71. Data
visualisation
as
catalyst.

72. evaluation studies
effectiveness - efficiency - impact of design choices

73. NEW Visualization interfaces
Rxd - work in progress

74. social media mapping in Belgium
Rxd - (work in progress)

75. social media mapping in Belgium
Rxd - (work in progress)

76. social media mapping in Belgium
(work in progress)

77. social media mapping in Belgium
(work in progress)

78. social media mapping in Belgium
(work in progress)

79. persuasive power of (Public) visualization

80. persuasive power of visualization

81. Public visualization
Where is the Money - http://timdevin.com/broadsides.html

82. real-time electricity consumption monitors
Eco Eye - http://eco-eye.com/

83. Externalizing Energy Consumption
Dan Hill (Arup Sydney)

84. Externalizing Energy Consumption
Dan Hill (Arup Sydney)

85. neighborhood scoreboards
“Comparative Feedback in the Street: Exposing Residential Energy Consumption on House Façades”, 2011.

86. neighborhood scoreboards
“Comparative Feedback in the Street: Exposing Residential Energy Consumption on House Façades”, 2011.

87. neighborhood scoreboards
“Comparative Feedback in the Street: Exposing Residential Energy Consumption on House Façades”, 2011.

88. neighborhood scoreboards
“Comparative Feedback in the Street: Exposing Residential Energy Consumption on House Façades”, 2011.

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. Civic Smart Meter
public competition of Building Performance

91. Civic Smart Meter
public competition of Street-wide Performance

92. Street visualization
"Street Visualization: Raising Awareness for Local Social Issues through a Situated Display”, 2013.

93. Street visualization
"Street Visualization: Raising Awareness for Local Social Issues through a Situated Display”, 2013.

94. Reveal-IT!
“Reveal-it!: the impact of a social visualization projection on public awareness and discourse”, 2012

95. Reveal-It!
“Reveal-it!: the impact of a social visualization projection on public awareness and discourse”, 2012

96. Reveal-IT!
“Reveal-it!: the impact of a social visualization projection on public awareness and discourse”, 2012

97. Myposition
“evaluating the impact of a public interactive poll visualization”, submitted 2013.

98. Myposition
“evaluating the impact of a public interactive poll visualization”, submitted 2013.

99. Myposition
“evaluating the impact of a public interactive poll visualization”, submitted 2013.

100. Myposition
“evaluating the impact of a public interactive poll visualization”, submitted 2013.

101. Design guidelines
“Design Study Methodology: Reflections from the Trenches and the Stacks”
Michael Sedlmair, Miriah Meyer, Tamara Munzner, IEEE Infovis 2012

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. contacT
http://infoscape.org- http://rxd.asro.kuleuven.be - http://datavislab.org - http://infosthetics.com