Information visualisation: from analysis to the communation of data insights.a/prof. Andrew Vande Moere Research[x]Design (RxD) Department of Architecture - KU Leuven http://rxd.asro.kuleuven.be

!Information Aesthetics http://infosthetics.com - @infosthetics

!Data visualisation lab leuven http://datavislab.org

Johny mnemonic tristar pictures -1995

City of News MIT Media Lab - 1997

Information Aesthetics - Where Form Follows Data HTTP://infosthetics.com - 2004

redenen Huidige POPULARITEIT van Data VisualiSaTIE?

data wordt sneller gegenereerd dan kan geanalyseerd worden Obama Grabs News Headlines in the Americas - 2008 - http://obama2008.s3.amazonaws.com/headlines.html

data Abundance discovering value in data? - http://www.newschool.edu/eventDetail.aspx?id=56252

vrije BESCHIKBAARHEID VAN DATA “VLAAMSE OVERHEID KIEST VOOR OPEN DATA” - 2012 - http://www.bestuurszaken.be/vlaamse-overheid-kiest-voor-open-data

SOCIALe relevantie van data hospital costs versus mortality rate - http://infovis.kitware.com/hospital-costs/

SOCIALE RELEVANTIE VAN DATA “Where Lawmakers Stand on Military Action in Syria” - NYTIMES - SEPTEMBER 5, 2013

rijke betekenis van data Tourists versus Locals - Eric Fischer - 2010 - http://www.flickr.com/photos/walkingsf/sets/72157624209158632/

rijke betekenis van data Tourists versus Locals - Eric Fischer - 2010 - http://www.flickr.com/photos/walkingsf/sets/72157624209158632/

Data visualisation as... !

1) exploration 2) communication 3) research 4) medium

Data visualisation as exploration.

keuze TOOLS TABLEAU - http://www.tableausoftware.com/

keuze data mapping information display tips - http://understandinggraphics.com/visualizations/information-display-tips/

keuze visualisatie techniek chart suggestions - 2006 - http://extremepresentation.typepad.com/blog/2006/09/choosing_a_good.html

tijd-gebaseerde visualisatie technieken line graph - stacked graph - small multiples - horizon graph

kaart-gebaseerde visualisatie technieken flow map - chloropeth map - symbol map - cartogram (DORLING cartogram / bubble map)

hierarchie-gebaseerde visualisatie technieken vlak en radiale node-link diagram - dendogram - sunburst -treemap

netwerk-gebaseerde visualisatie technieken Force-directed network - arc diagram - matrix view

Data visualisation as communication.

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

infografiek How 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 visualisatie 512 Paths to the White House - nytimes - http://www.nytimes.com/interactive/2012/11/02/us/politics/paths-to-the-white-house.html

information design Compare countries through their shape - http://worldshap.in/#/

INFORMATIEVE ILLUSTRATIE literary organism - stefanie posavec - http://www.itsbeenreal.co.uk/

Data visualisation as research.

visualisatie in ontwikkeling “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

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 - 2008 NYTimes - http://www.nytimes.com/interactive/2008/02/23/movies/20080223_REVENUE_GRAPHIC.html

onderzoek -> Exploratie en kunst -> praktijk

social media mapping New Paradigms for the Visualization of urban data - start1/ot KULeuven

social media mapping New Paradigms for the Visualization of urban data - start1/ot KULeuven

topological clustering of geo-located social media messages New Paradigms for the Visualization of urban data - start1/ot KULeuveN

geo-located social media explorer New Paradigms for the Visualization of urban data - start1/ot KULeuven

overplotting of geo-located data New Paradigms for the Visualization of urban data - start1/ot KULeuven

overplotting of geo-located data New Paradigms for the Visualization of urban data - start1/ot KULeuven

overplotting of geo-located data New Paradigms for the Visualization of urban data - start1/ot KULeuven

Data visualisatie as a medium.

esthetische componenten van data visualisatie “Towards a Model of Aesthetics in Information Visualization”, Lau and Vande Moere et al., 2007

Beauty

Meaning

1. schoonheid / Stijl Billion Pound-O-Gram - Information is Beautiful - 2009 - informationisbeautiful.net

1. schoonheid / techniek 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

2. betekenis: communiceren van feiten UK Casualties in Afghanistan and Iraq - BBC News - 2009 - http://www.bbc.co.uk/news/uk-10634102

2. betekenis faces of the death - nytimes - http://www.nytimes.com/interactive/us/faces-of-the-dead.html

2. betekenis: storytelling “Narrative Visualization: Telling Stories with Data” - Segel and Heer - 2010

3. Interactie: interface Many Eyes - IBM - http://www-958.ibm.com/software/analytics/manyeyes/

3. Interactie: interface the jobless rate for people like you - nytimes - http://www.nytimes.com/interactive/2009/11/06/business/economy/unemployment-lines.html

3. interactie: NIET-VISUELE VISUALISATIE “Fractions of a Second: An Olympic Musical” - NYTIMES - 2010 - http://www.nytimes.com/interactive/2010/02/26/sports/olympics/20100226-olysymphony.html

3. Interactie: social the death of a terrorist: a turning point? - http://www.nytimes.com/interactive/2011/05/03/us/20110503-osama-response.html

3. Interactie: Do-it-yourself Budget Puzzle: You Fix the Budget - NYTimes - http://www.nytimes.com/interactive/2010/11/13/weekinreview/deficits-graphic.html

contact http://infoscape.org - @vdmoerE

Questions?