Matthieu Jeunet, notre chef de projet, introduit en quelques slides la Dataviz. Bonne lecture !

1. « DataviZ » ?
LA visualisation de données
t
Utilisacteur / @utilisacteur / www.utilisacteur.fr

2. contexte

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

4. 2,5 x
12!
10
octets / jour
Source : IBM, juin 2013
http://www-01.ibm.com/software/fr/data/bigdata/

5. Knowledge
is power
— Francis Bacon, 1597

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

7. visualisation de données

8. Workshop visualisation
Client
de données — ENSAD
Définition
« La visualisation
de données est un
ensemble de méthodes
de représentation
graphique, qui, combiné
à une base de données,
en facilite l’exploration
et la compréhension
car présentée de manière
simple et didactique. »
!
Source : http://123opendata.com
!8

9. En fait de calculs
et de proportion, le plus sûr
moyen de frapper l’esprit, est
de parler aux yeux
— William Playfair, 1780

10. 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

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

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

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

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

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

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

17. 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

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

19. Visualisation de données ≠ Infographie

20. Workshop visualisation
Client
de données — ENSAD
Visualisation de données ≠ Infographie
Infographie
Visualisation de données
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é.
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.
Nutrition Facts Packaging
© Audrée Lapierre
!20
Little Grey Cells
© Graham Morriss

21. EN PRATIQUE
www.smow.com

22. Workshop visualisation
Client
de données — ENSAD
En pratique
Good design makes a product
useful
Good data visualisation makes
information useful
!
!
Good design is aesthetic
Good data visualisation is aesthetic
!
!
Good design makes a product
understandable
Good data visualisation makes
information understandable
!
!
Good design is honest
Good data visualisation is honest
Dieter Rams, designer industriel allemand
Source : https://www.vitsoe.com/eu/about/good-design
!22

23. Workshop visualisation
Client
de données — ENSAD
Quelques 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

24. Le 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
Client
de données — ENSAD

25. Nicholas Felton — The Feltron Report, 2013
http://vimeo.com/70340564

26. Une visualisation de données interactive et en temps réel (par F. Viégas et M. Wattenberg)
Source : http://hint.fm/wind/

27. 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 Jordan
http://www.chrisjordan.com/gallery/rtn/#jet-trails

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

29. New York transit (MTA): one day of activity
http://youtu.be/4M0soXr2cHA

30. Visualisation
de l’utilisation
des modes
de transports
selon différentes villes
http://bit.ly/1jSZQo0

31. ressources

32. /
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)

33. merci !
@mtthjnt
Matthieu Jeunet,
chef de projet
Utilisacteur