« DataviZ » ?
LA visualisation de données

t
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/1557971...
2,5 x

12!
10

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

Définition

« La visualisation

de données est un
ensemble de méthodes

d...
En fait de calculs
et de proportion, le plus sûr
moyen de frapper l’esprit, est
de parler aux yeux
— William Playfair, 178...
Quels sont les chiffres au dessus de 1.0 ?

KURNIAWAN Trisnadi, 2009, Introduction to Infographics & Data Visualisation
ht...
▽

KURNIAWAN Trisnadi, 2009, Introduction to Infographics & Data Visualisation
http://fr.slideshare.net/trisnadi/infograph...
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.springe...
Diagrammes circulaires (1857) par Florence Nightingale, statisticienne et infirmière britannique
Source : http://en.wikiped...
Exemple de carte de flux (1869) par Charles Joseph Minard, ingénieur civil français
Source : http://en.wikipedia.org/wiki/C...
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ë...
McCANDLESS David (Data journaliste et designer d’informations britannique), Colours In Culture (2009)
Source : information...
Visualisation de données ≠ Infographie
Workshop visualisation
Client
de données — ENSAD

Visualisation de données ≠ Infographie
Infographie

Visualisation de don...
EN PRATIQUE

www.smow.com
Workshop visualisation
Client
de données — ENSAD

En pratique

Good design makes a product
useful

Good data visualisation...
Workshop visualisation
Client
de données — ENSAD

Quelques principes

/ Avant toutes choses, exposer les données
!

/ Se c...
Le secteur de la visualisation de données

/ Le Data Journalisme
/ La Data Visualisation comme outil d’aide à la décision
...
Nicholas Felton — The Feltron Report, 2013

http://vimeo.com/70340564
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
Je...
Visualisation d’itinéraires
de vols à travers le monde
Air Lines © David Greenberg
www.lx97.com
New York transit (MTA): one day of activity

http://youtu.be/4M0soXr2cHA
Visualisation

de l’utilisation

des modes

de transports

selon différentes villes
http://bit.ly/1jSZQo0
ressources
/

Inspirations
—
—
—
—
—

www.feltron.com
www.informationisbeautiful.net
www.datavisualization.ch
www.visualizing.org
www...
merci !
@mtthjnt

Matthieu Jeunet,

chef de projet 

Utilisacteur
Prochain SlideShare
Chargement dans…5
×

"Dataviz"? la visualisation de données 201213

2 769 vues

Publié le

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

Publié dans : Design
0 commentaire
3 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
2 769
Sur SlideShare
0
Issues des intégrations
0
Intégrations
623
Actions
Partages
0
Téléchargements
73
Commentaires
0
J’aime
3
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

"Dataviz"? la visualisation de données 201213

  1. 1. « DataviZ » ? LA visualisation de données t Utilisacteur / @utilisacteur / www.utilisacteur.fr
  2. 2. contexte
  3. 3. Couverture de l'édition imprimée de "The Economist" du 25 février 2010 © Brett Ryder http://www.economist.com/node/15579717
  4. 4. 2,5 x 12! 10 octets / jour Source : IBM, juin 2013
 http://www-01.ibm.com/software/fr/data/bigdata/
  5. 5. Knowledge is power — Francis Bacon, 1597
  6. 6. 80% du cerveau est dédié
 au traitement visuel
  7. 7. visualisation de données
  8. 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. 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. 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. 11. ▽ KURNIAWAN Trisnadi, 2009, Introduction to Infographics & Data Visualisation http://fr.slideshare.net/trisnadi/infographics-data-visualisation
  12. 12. Carte marine (1504) par Pedro Reinel, cartographe portugais Source : http://en.wikipedia.org/wiki/History_of_cartography
  13. 13. Exemple de graphiques à secteur (1804) par William Playfair, ingénieur et économiste écossais Source : http://link.springer.com/
  14. 14. Diagrammes circulaires (1857) par Florence Nightingale, statisticienne et infirmière britannique Source : http://en.wikipedia.org/wiki/Florence_Nightingale
  15. 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. 16. Exemple de diagramme chronologique (1939) par Willard Brinton Source : BRINTON Willard, Graphic Presentation, 1939
  17. 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. 18. McCANDLESS David (Data journaliste et designer d’informations britannique), Colours In Culture (2009) Source : informationisbeautiful.net
  19. 19. Visualisation de données ≠ Infographie
  20. 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. 21. EN PRATIQUE www.smow.com
  22. 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. 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. 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. 25. Nicholas Felton — The Feltron Report, 2013 http://vimeo.com/70340564
  26. 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. 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. 28. Visualisation d’itinéraires de vols à travers le monde Air Lines © David Greenberg www.lx97.com
  29. 29. New York transit (MTA): one day of activity http://youtu.be/4M0soXr2cHA
  30. 30. Visualisation
 de l’utilisation
 des modes
 de transports
 selon différentes villes http://bit.ly/1jSZQo0
  31. 31. ressources
  32. 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. 33. merci ! @mtthjnt
 Matthieu Jeunet,
 chef de projet 
 Utilisacteur

×