Upload
andrew-vande-moere
View
106
Download
0
Tags:
Embed Size (px)
DESCRIPTION
Citation preview
Information Visualization: Analyzing and Presenting Data.a/prof. Andrew Vande MoereResearch[x]Design (RxD)Department of Architecture - KU Leuvenhttp://rxd.asro.kuleuven.be Information Aesthetics
http://infosthetics.com - @infosthetics
Data visualisation lab leuvenhttp://datavislab.org
Information Aesthetics - “Where Form Follows Data”HTTP://infosthetics.com - founded in 2004
Johny mnemonictristar pictures -1995
HackersUnited Artists - 1996
Cyber swap worlds1997
Stock Market Swarm2004
Stock Market Swarm2004
Stock Market Swarm2004
University Finance2003
University Finance2003
emerging popularity of data visualization?
Ability to collect data is increasing faster than our ability to analyze ithttp://www.popsci.com/technology/article/2011-05/every-six-hours-nsa-gathers-much-data-stored-entire-library-congress
open data“VLAAMSE OVERHEID KIEST VOOR OPEN DATA” - 2012 - http://www.bestuurszaken.be/vlaamse-overheid-kiest-voor-open-data
open dataEuropean union open data portal - http://open-data.europa.eu/
SOCIAL relevancehospital costs - Kitware - http://infovis.kitware.com/hospital-costs/
new kinds of relevanceTravel Time Maps - Stamen design - http://www.mysociety.org/2007/more-travel-maps/morehousing
quantified selfStranger Than Fiction - Columbia Pictures - 2006
quantified selfThe personal analytics of my life- http://blog.stephenwolfram.com/2012/03/the-personal-analytics-of-my-life/
quantified selfFeltron Annual Year Report - 2005-2012- http://feltron.com
rich meaning of dataTourists versus Locals - Eric Fischer - 2010 - http://www.flickr.com/photos/walkingsf/sets/72157624209158632/
rich meaning of dataTourists versus Locals - Eric Fischer - 2010 - http://www.flickr.com/photos/walkingsf/sets/72157624209158632/
rich meaning of dataDigital Footprinting: Uncovering Tourists with User-Generated Content - 2008
rich meaning of dataNew york runners visualized - cargo collective - http://cargocollective.com/coopersmith/Nike-Plus-Visualization
Data visualisation as...
1) tool 2) medium 3) practice 4) communication 5) catalyst
Data visualisation as a tool.
choice of visualization techniqueinformation display tips - Cleveland and McGill
choice of visualization techniqueinformation display tips - http://understandinggraphics.com/visualizations/information-display-tips/
choice of visualization techniquechart suggestions - 2006 - http://extremepresentation.typepad.com/blog/2006/09/choosing_a_good.html
time-based visualization techniquesline graph - stacked graph - small multiples - horizon graph
map-based visualization techniquesflow map - chloropeth map - symbol map - cartogram (DORLING cartogram / bubble map)
hierarchy-based visualization techniquesflat & radial node-link diagram - dendogram - sunburst -treemap
network-based visualization techniquesForce-directed network - arc diagram - matrix view
2. Show causality, mechanism, explanation, systematic structure
3. Show multivariate data, i.e. more than 1 or 2 variables
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 guidelinesPrinciples for the Analysis and Presentation of Data - edward Tufte
1. Show comparisons, contrasts, differences
4. Completely integrate words, numbers, images, diagrams
Data visualisation as a medium.
data graphicsToday In Dishonest Fox News Charts - http://mediamatters.org/blog/2011/12/12/today-in-dishonest-fox-news-charts/185162
infografiekHow Osama bin Laden Was Located and Killed - nytimes- 2011 - http://www.nytimes.com/interactive/2011/05/02/world/asia/abbottabad-map-of-where-osama-bin-laden-was-killed.html
data visualizationVisualizing information flow in science - moritz stefaner - 2009 - http://stefaner.eu/projects/eigenfactor/
information designCompare countries through their shape - carlo zapponi & vasundhara parakh - http://worldshap.in/#/
information designVisualizing deletion discussions on wikipedia - moritz stefaner - http://notabilia.net/
data Illustrationliterary organism - stefanie posavec - http://www.itsbeenreal.co.uk/
data illustrationPoetry on the road - Boris Müller - http://www.esono.com/boris/projects/poetry06/
data ARTDNA Portrait - http://dna11.com
data ARTNonsensical infographics - chad Hagen - 2009
Data visualisation as design.
visualization as design“On the Role of Design in Information Visualization” - Vande Moere and Purchase - 2012
visualization as design“On the Role of Design in Information Visualization” - Vande Moere and Purchase - 2012
visualisatie in ontwikkeling“On the Role of Design in Information Visualization” - Vande Moere and Purchase - 2012
ThemeRiver“ThemeRiver: Visualizing Theme Changes over Time” - Havre et al. - 2002
StreamGraph“Stacked Graphs – Geometry & Aesthetics” - Lee Byron et al. - 2007
The Ebb and Flow of Movies: Box Office Receipts 1986 - 2008NYTimes - http://www.nytimes.com/interactive/2008/02/23/movies/20080223_REVENUE_GRAPHIC.html
research -> exploration -> practice
Movie Narrative ChartsRandall MUnroe - http://xkcd.com/657
Software Evolution StorylinesOgawa and Ma - 2010
practice -> research
Data visualisation ascommunication.
‘aesthetic’ components of data visualization“Towards a Model of Aesthetics in Information Visualization”, Lau and Vande Moere et al., 2007
Beauty
Meaning
1. beauty / styleBillion Pound-O-Gram - Information is Beautiful - 2009 - informationisbeautiful.net
1. beauty / visualization techniquehttp://www.mcclatchydc.com/2012/02/13/138787/obamas-budget-would-shrink-annual.html#.UkBfimSkxNwhttp://www.nytimes.com/interactive/2012/02/13/us/politics/2013-budget-proposal-graphic.html
2. interaction: interfaceMany Eyes - IBM - http://www-958.ibm.com/software/analytics/manyeyes/
2. interaction: fluid selectionBaby Name Wizard - http://www.babynamewizard.com/voyager
2. interaction: animationthe jobless rate for people like you - nytimes - http://www.nytimes.com/interactive/2009/11/06/business/economy/unemployment-lines.html
3. Interactie: sharing responsibilityBudget Puzzle: You Fix the Budget - NYTimes - http://www.nytimes.com/interactive/2010/11/13/weekinreview/deficits-graphic.html
3. communication of meaning UK Casualties in Afghanistan and Iraq - BBC News - 2009 - http://www.bbc.co.uk/news/uk-10634102
3. communication of meaningfaces of the death - nytimes - http://www.nytimes.com/interactive/us/faces-of-the-dead.html
3. communication of meaning CNN Home and AWAY - http://edition.cnn.com/
3. communication of meaning aleb Larsen - caleblarsen.com - 2006
3. communication of meaning aleb Larsen - caleblarsen.com - 2006
Out of Sight, Out of Mind Pitch Interactive -2013 - http://drones.pitchinteractive.com/
U.S. Gun Murders in 2010Periscopic - 2013 - http://guns.periscopic.com/
3. communication of meaning“Narrative Visualization: Telling Stories with Data” - Segel and Heer - 2010
Data visualisation as catalyst.
evaluation studieseffectiveness - efficiency - impact of design choices
NEW Visualization interfacesRxd - work in progress
social media mapping in BelgiumRxd - (work in progress)
social media mapping in BelgiumRxd - (work in progress)
social media mapping in Belgium(work in progress)
social media mapping in Belgium(work in progress)
social media mapping in Belgium(work in progress)
persuasive power of (Public) visualization
persuasive power of visualization
Public visualizationWhere is the Money - http://timdevin.com/broadsides.html
real-time electricity consumption monitors Eco Eye - http://eco-eye.com/
Externalizing Energy ConsumptionDan Hill (Arup Sydney)
Externalizing Energy ConsumptionDan Hill (Arup Sydney)
neighborhood scoreboards“Comparative Feedback in the Street: Exposing Residential Energy Consumption on House Façades”, 2011.
neighborhood scoreboards“Comparative Feedback in the Street: Exposing Residential Energy Consumption on House Façades”, 2011.
neighborhood scoreboards“Comparative Feedback in the Street: Exposing Residential Energy Consumption on House Façades”, 2011.
neighborhood scoreboards“Comparative Feedback in the Street: Exposing Residential Energy Consumption on House Façades”, 2011.
Average change Public & Private Display - 2.5%Private Display Only - 1%No Display - 0.5%
neighborhood scoreboards“Comparative Feedback in the Street: Exposing Residential Energy Consumption on House Façades”, 2011.
Civic Smart Meterpublic competition of Building Performance
Civic Smart Meterpublic competition of Street-wide Performance
Street visualization"Street Visualization: Raising Awareness for Local Social Issues through a Situated Display”, 2013.
Street visualization"Street Visualization: Raising Awareness for Local Social Issues through a Situated Display”, 2013.
Reveal-IT!“Reveal-it!: the impact of a social visualization projection on public awareness and discourse”, 2012
Reveal-It!“Reveal-it!: the impact of a social visualization projection on public awareness and discourse”, 2012
Reveal-IT!“Reveal-it!: the impact of a social visualization projection on public awareness and discourse”, 2012
Myposition“evaluating the impact of a public interactive poll visualization”, submitted 2013.
Myposition“evaluating the impact of a public interactive poll visualization”, submitted 2013.
Myposition“evaluating the impact of a public interactive poll visualization”, submitted 2013.
Myposition“evaluating the impact of a public interactive poll visualization”, submitted 2013.
Design guidelines“Design Study Methodology: Reflections from the Trenches and the Stacks”Michael Sedlmair, Miriah Meyer, Tamara Munzner, IEEE Infovis 2012
conclusionSymbiosis of design and visualization
. verken praktijk, onderzoek en kunsten
. integreer schoonheid, interactie en betekenis
. maak verschil tussen exploratie en communicatie
. betracht sociale relevantie van data
. ken cognitieve en good-practice guidelines
contacThttp://infoscape.org- http://rxd.asro.kuleuven.be - http://datavislab.org - http://infosthetics.com