t « DataviZ » ? LA visualisation de données Utilisacteur / @utilisacteur / www.utilisacteur.fr
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
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