"Dataviz"? la visualisation de données 201213

t

« DataviZ » ? LA visualisation de données

Utilisacteur / @utilisacteur / www.utilisacteur.fr

contexte

Couverture de l'édition imprimée de "The Economist" du 25 février 2010 © Brett Ryder http://www.economist.com/node/15579717

2,5 x 1012!octets / jour

Source : IBM, juin 2013 http://www-01.ibm.com/software/fr/data/bigdata/

Knowledge is power

— Francis Bacon, 1597

80% du cerveau est dédiéau traitement visuel

visualisation de données

ClientDéfinition

« La visualisationde données est un ensemble de méthodesde représentation graphique, qui, combiné à une base de données,en facilite l’exploration et la compréhensioncar présentée de manière simple et didactique. » !Source : http://123opendata.com

!8

Workshop visualisation de données — ENSAD

En fait de calculs et de proportion, le plus sûr moyen de frapper l’esprit, est de parler aux yeux

— William Playfair, 1780

KURNIAWAN Trisnadi, 2009, Introduction to Infographics & Data Visualisation http://fr.slideshare.net/trisnadi/infographics-data-visualisation

Quels sont les chiffres au dessus de 1.0 ?

KURNIAWAN Trisnadi, 2009, Introduction to Infographics & Data Visualisation http://fr.slideshare.net/trisnadi/infographics-data-visualisation

▽

Carte marine (1504) par Pedro Reinel, cartographe portugais Source : http://en.wikipedia.org/wiki/History_of_cartography

Exemple de graphiques à secteur (1804) par William Playfair, ingénieur et économiste écossais Source : http://link.springer.com/

Diagrammes circulaires (1857) par Florence Nightingale, statisticienne et infirmière britannique Source : http://en.wikipedia.org/wiki/Florence_Nightingale

Exemple de carte de flux (1869) par Charles Joseph Minard, ingénieur civil français Source : http://en.wikipedia.org/wiki/Charles_Joseph_Minard

Exemple de diagramme chronologique (1939) par Willard Brinton Source : BRINTON Willard, Graphic Presentation, 1939

Isotype (1920) par Otto Neurath, sociologue et économiste autrichien et Gerd Arntz, designer Allemand Source : GABORIT Gaëtan, Visualisation de données — les leçons de l’Histoire —, 2012

McCANDLESS David (Data journaliste et designer d’informations britannique), Colours In Culture (2009) Source : informationisbeautiful.net

Visualisation de données ≠ Infographie

ClientVisualisation de données ≠ Infographie

Visualisation de données Affichage visuel de quantités mesurées au moyen d’utilisation combinée de points, de lignes, de système de coordonnées, de nombres, de symboles, de mots et de couleurs.

!20

Infographie Représentations visuelles d’informations, de données ou de connaissances utilisées généralement pour venir appuyer une information, la renforcer et la présenter dans un contexte sensé.

Little Grey Cells © Graham Morriss

Nutrition Facts Packaging © Audrée Lapierre

Workshop visualisation de données — ENSAD

www.smow.com

EN PRATIQUE

ClientEn pratique

Good design makes a product useful !

Good design is aesthetic !

Good design makes a product understandable !

Good design is honest

!22

Workshop visualisation de données — ENSAD

Good data visualisation makes information useful !

Good data visualisation is aesthetic !

Good data visualisation makes information understandable !

Good data visualisation is honest

Dieter Rams, designer industriel allemand Source : https://www.vitsoe.com/eu/about/good-design

ClientQuelques principes

/ Avant toutes choses, exposer les données !

/ Se concentrer sur le fond avant la conception graphique et les technologies utilisées !

/ Eviter l’altération des données !

/ Entrainer les yeux à comparer les données ![A LIRE] : TUFTE R. Edward, The Visual Display of Quantitative Information, 1983

!23

Workshop visualisation de données — ENSAD

ClientLe secteur de la visualisation de données

/ Le Data Journalisme / La Data Visualisation comme outil d’aide à la décision !

/ Une professionnalisation de la visualisation de données (experts, start-up) !

/ Une démocratisation de la visualisation de données par l’accès à des outils simples et pratiques en ligne !

/ Et d’autres domaines en émergence…

!24

Workshop visualisation de données — ENSAD

http://vimeo.com/70340564

Nicholas Felton — The Feltron Report, 2013

Une visualisation de données interactive et en temps réel (par F. Viégas et M. Wattenberg)

Source : http://hint.fm/wind/

Visualisation de 11 000 traînées de condensation, représentant la somme des vols commerciaux aux US toutes les 8 heures Jet Trails, 2007 © Chris Jordanhttp://www.chrisjordan.com/gallery/rtn/#jet-trails

Visualisation d’itinéraires de vols à travers le monde Air Lines © David Greenberg www.lx97.com

http://youtu.be/4M0soXr2cHA

New York transit (MTA): one day of activity

Visualisationde l’utilisationdes modesde transportsselon différentes villes http://bit.ly/1jSZQo0

ressources

/ Inspirations — www.feltron.com — www.informationisbeautiful.net — www.datavisualization.ch — www.visualizing.org — www.datavisualization.fr !

/ Références — BRINTON Willard, 1939, Graphic Presentation — TUFTE R. Edward, 1983, The Visual Display of Quantitative Information — MENZEL Peter, 1995, Material World: A Global Family Portrait — McCANDLESS David, 2000, Information is Beautiful — WARE Colin, 2008, Visual Thinking for Design — KURNIAWAN Trisnadi, 2009, Introduction to Infographics & Data Visualisation — STEELE Julie, 2010, Beautiful Visualization: Looking at Data through the Eyes of Experts — LIMA Manuel, 2011, Visual Complexity: Mapping Patterns of Information — GABORIT Gaëtan, 2012, Visualisation de données, les leçons de l’Histoire — FELTON Nicholas, 2012, Feltron Annual report — CAIRO Alberto, 2012, The Functional art !

/ Outils — www.visua.ly — www.infogr.am — www.infoactive.co (beta)

merci !@mtthjntMatthieu Jeunet,chef de projet Utilisacteur