La datavisualisation
c’est quoi en fait ?
marion-boucharlat.com
2014
Marion
Boucharlat
Design
d’information
mboucharlat@gm...
Définition de la datavisualisation
“Une image vaut mille mots” Confucius
Mettre en image des informations/
données chiffré...
Le processus de travail :
La datavisualisation vue par © Baptiste Fuchs
> Complémentarité de compétences
La Mission du dat...
Le datadesigner possède un panel de modes de représentation,
qu’il va utiliser comme base puis ve les enrichir et les adap...
Treemaps
Des milliards de dollars – Tout est relatif, n’est-ce pas ?
David McCandless 2011
Les modes de représentation
GENÈVE, VILLE VIVANTE de la Ville de Genève en collaboration avec Lift,
réalisation par Interactive Things
Timeline, courb...
« Similar Diversity », projet universitaire, 2007, Autriche
Andreas Koller et Philipp Steinweber
Nuage de mots
Les modes d...
« The World of 100 » projet personnel,
2008, Hong Kong. Toby NG
Le corps selon...
DavidMcCAndless 2011
Pictos, illustratio...
Les modes de représentation
100 ans de World Cuisine
Nicolas Kayser-Bril, Clara Kayser-Bril et
Marion Kotlarski - 2012
New...
La datavisualisation, est-ce si nouveau ?
Ce procédé de transmission de l’information, remonte à 150 après JC
• Ptolémée, ...
La datavisualisation, est-ce si nouveau ?
Imports/exports en Ecosse,histogramme de données économiques
William Playfair 17...
La datavisualisation, est-ce si nouveau ?
Diagrammes circulaires représentant la superficie de chaque pays. Les lignes à g...
La datavisualisation, est-ce si nouveau ?
• ­William Playfair - 1759-1823 / Ingénieur
Chronologie : déficit du commerce ex...
La datavisualisation, est-ce si nouveau ?
• Charles Dupin - 1784-1873/Mathématicien et ingénieur
L’instruction populaire d...
La datavisualisation, est-ce si nouveau ?
• Charles Joseph Minard - 1781-1870 / ingénieur civil
Célèbre pour ses invention...
La datavisualisation, est-ce si nouveau ?
Flux des émmigrants dans le monde
Charles Joseph Minard 1858
• Charles Joseph Mi...
La datavisualisation, est-ce si nouveau ?
• Florence Nightingale - 1820-1910 / infirmière
Nightingale est une pionnière de...
La datavisualisation, est-ce si nouveau ?
Au 20e siècle, on peut retenir 2 méthodes de représentation
novatrices :
1 - Ott...
La datavisualisation, est-ce si nouveau ?
• Signes, pictogrammes, signalétique
Plus de 4 000 pictogrammes ont été conçus. ...
La datavisualisation, est-ce si nouveau ?
2-Jacques Bertin - 1918-2010 / Cartographe
La sémiologie graphique, 1967
• “L’oe...
La datavisualisation, est-ce si nouveau ?
Les variables de l’image et les variables de séparation
des images par Jacques B...
La datavisualisation, est-ce si nouveau ?
La position, la longueur, l’angle,
la pente, la surface, la couleur
séparée en i...
Qu’est-ce qui est nouveau ?
SUR le fond
SUR la forme
• La manière dont notre société mobilise l’information
• La vitesse a...
Qu’est-ce qui est nouveau ?
Rendus visua.ly easel.ly piktochart infogr.am
Qu’est-ce qui est nouveau ?
On est loin du rendu Excel
Rendus excel
Conclusion
• Possibilités techniques et esthétiques toujours plus grandes
• Nouveaux supports : interactivité, photo, vidé...
Conclusion
Des infographies esthétiques mais complexes à déchiffrer.
Similar diversity
Andreas Koller, Philipp Steinweber ...
Conclusion
Des infographies esthétiques mais complexes à déchiffrer.
Exploration de l’Espace
National Geographic - Sean Mc...
Des infographies immédiatement
compréhensibles mais au parti pris
graphique moins esthétique.
Conclusion
Marques
Mario Men...
Des infographies simples, efficaces et esthétiques
Conclusion
Greetings
Zsuzsanna Ilijin
2007
Conclusion
La verdure
en banlieue
parisienne
WeDoData
2014
Gaspillage
d’énergie
Nigel Holmes
2008-Good
Magazine
Des infogr...
Pour aller plus loin
• William Playfair “Commercial and politics atlas” 1786
• Claude Aschenbrenner “Visionnaire de l’info...
Prochain SlideShare
Chargement dans…5
×

Une petite histoire de la dataviz.

7 160 vues

Publié le

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

Aucun téléchargement
Vues
Nombre de vues
7 160
Sur SlideShare
0
Issues des intégrations
0
Intégrations
1 649
Actions
Partages
0
Téléchargements
154
Commentaires
0
J’aime
11
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Une petite histoire de la dataviz.

  1. 1. La datavisualisation c’est quoi en fait ? marion-boucharlat.com 2014 Marion Boucharlat Design d’information mboucharlat@gmail.com
  2. 2. Définition de la datavisualisation “Une image vaut mille mots” Confucius Mettre en image des informations/ données chiffrées • Faire parler les données brutes • Synthétiser les enjeux essentiels d’un set de données • Les traduire visuellement Les terminologies : • Dataviz/datavision • Visualisation de données • Infographie • Design d’information Carlos Monteiro Dessin paru dans le numéro spécial Dataviz de Courrier International - Janvier 2014
  3. 3. Le processus de travail : La datavisualisation vue par © Baptiste Fuchs > Complémentarité de compétences La Mission du datadesigner : • Information accessible et compréhensible • Graphisme adapté au sujet / Créativité, esthétique du rendu Définition de la datavisualisation
  4. 4. Le datadesigner possède un panel de modes de représentation, qu’il va utiliser comme base puis ve les enrichir et les adapter selon le sujet et l’angle choisi. Camemberts, diagramme circulaires proportionnels Food consumed Lauren Manning 2010 Equipements sportifs Île-de-France Wedodata 2014 Les modes de représentation
  5. 5. Treemaps Des milliards de dollars – Tout est relatif, n’est-ce pas ? David McCandless 2011 Les modes de représentation
  6. 6. GENÈVE, VILLE VIVANTE de la Ville de Genève en collaboration avec Lift, réalisation par Interactive Things Timeline, courbes evolution Les modes de représentation
  7. 7. « Similar Diversity », projet universitaire, 2007, Autriche Andreas Koller et Philipp Steinweber Nuage de mots Les modes de représentation
  8. 8. « The World of 100 » projet personnel, 2008, Hong Kong. Toby NG Le corps selon... DavidMcCAndless 2011 Pictos, illustrations Les modes de représentation
  9. 9. Les modes de représentation 100 ans de World Cuisine Nicolas Kayser-Bril, Clara Kayser-Bril et Marion Kotlarski - 2012 New York City’s greenhouse gas emissions - 201O La photovisualisation, la 3D, La vidéo, L’interactivité... Les modes de représentation
  10. 10. La datavisualisation, est-ce si nouveau ? Ce procédé de transmission de l’information, remonte à 150 après JC • Ptolémée, astrologue et astronome grec, a écrit des énoncés pour créer une carte. Précurseur de la “géographie” • Au 15e siècle, reconstitution visuelle de sa géographie Johannes Schnitzer, graveur, 1482
  11. 11. La datavisualisation, est-ce si nouveau ? Imports/exports en Ecosse,histogramme de données économiques William Playfair 1786 La grande époque des innovations graphiques : 18e - 19e siècle > Différents types de représentation graphique • William Playfair - 1759-1823 / Ingénieur Il a mis au point 3 grands types de diagrammes :
  12. 12. La datavisualisation, est-ce si nouveau ? Diagrammes circulaires représentant la superficie de chaque pays. Les lignes à gauche de chaque cercle représentent la population et les lignes à droite représentent le total des taxes collectées (en millions de livres sterling). La ligne pointillée met en relation la ligne des revenus et la ligne des taxes. William Playfair 1801 • William Playfair - 1759-1823 / Ingénieur
  13. 13. La datavisualisation, est-ce si nouveau ? • ­William Playfair - 1759-1823 / Ingénieur Chronologie : déficit du commerce extérieur de 1700 à 1786, William Playfair 1786
  14. 14. La datavisualisation, est-ce si nouveau ? • Charles Dupin - 1784-1873/Mathématicien et ingénieur L’instruction populaire de la France. 1ere carte choroplèthe Charles Dupin - 1826 Carte choroplèthe : carte thématique où les régions sont colorées ou remplies d’un motif qui montre une mesure statistique.
  15. 15. La datavisualisation, est-ce si nouveau ? • Charles Joseph Minard - 1781-1870 / ingénieur civil Célèbre pour ses inventions graphiques et cartographiques. Connu pour ses “cartes de flux”. Charles Joseph Minard 1869 Carte figurative des pertes successives en hommes de l’Armée française dans la campagne de Russie en 1812-1813 - localisation et itinéraire de l’armée indiquant les points de séparation et de regroupement des unités ; - pertes humaines de l’armée ; - variations de la température de l’air au cours de la retraite.
  16. 16. La datavisualisation, est-ce si nouveau ? Flux des émmigrants dans le monde Charles Joseph Minard 1858 • Charles Joseph Minard - 1781-1870 / ingénieur civil
  17. 17. La datavisualisation, est-ce si nouveau ? • Florence Nightingale - 1820-1910 / infirmière Nightingale est une pionnière de la présentation visuelle de l’information dans le domaine de la santé. Elle utilise les diagrammes circulaires, développés par William Playfair > Diagrammes “Crêtes de coq” Ce graphique à 3 entrées indique le nombre de morts par maladie qui auraient pu être évitées (en bleu), ceux qui sont décédés suite à leurs blessures (en rouge) et ceux qui sont morts d’autres causes (en noir). Diagramme des causes de mortalité au sein de l’armée en Orient Florence Nightingale 1857
  18. 18. La datavisualisation, est-ce si nouveau ? Au 20e siècle, on peut retenir 2 méthodes de représentation novatrices : 1 - Otto Neurath (philosophe) et Gerd Arnzt (graphiste) - 1920 / L’Isotype • Langage universel et non verbal au moyen d’icônes facilement interprétables, né de la devise “les mots divisent, les images unissent” Isotype : Systeme international d’éducation par les images typographiques
  19. 19. La datavisualisation, est-ce si nouveau ? • Signes, pictogrammes, signalétique Plus de 4 000 pictogrammes ont été conçus. Certains se retrouvent dans la signalétique actuelle.
  20. 20. La datavisualisation, est-ce si nouveau ? 2-Jacques Bertin - 1918-2010 / Cartographe La sémiologie graphique, 1967 • “L’oeil voit instantanément une forme quelle que soit sa complexité. Il est libre de s’intéresser soit à un seul point soit à l’ensemble de l’image” • Mise au point d’une méthode qui rejoint le processus de travail de la datavisualisation - Définir le problème - Définir les données - Adopter un langage de traitement - Traiter les données c’est à dire simplifier sans détruire > Cartes, SIG, design d’information
  21. 21. La datavisualisation, est-ce si nouveau ? Les variables de l’image et les variables de séparation des images par Jacques Bertin 2-Jacques Bertin - 1918-2010 / Cartographe La sémiologie graphique, 1967
  22. 22. La datavisualisation, est-ce si nouveau ? La position, la longueur, l’angle, la pente, la surface, la couleur séparée en intensité, saturation et teinte, et la forme. Jacques Bertin 2-Jacques Bertin - 1918-2010 / Cartographe La sémiologie graphique, 1967
  23. 23. Qu’est-ce qui est nouveau ? SUR le fond SUR la forme • La manière dont notre société mobilise l’information • La vitesse avec laquelle elle la transmet, la consomme • Idée de démocratiser l’accès du citoyen aux données publiques • Révolution numérique qui facilite l’accès aux données. • Outils de datamining • Performance des outils de datavisualisation pour les designers • Volonté de rendre accessible la pratique à un plus grand nombre > Plusieurs sites en ligne pour créer des graphiques et des infogra- phies : datawrapper.de / infogr.am /infogr.am / piktochart.com / visua.ly / canva .com......
  24. 24. Qu’est-ce qui est nouveau ? Rendus visua.ly easel.ly piktochart infogr.am
  25. 25. Qu’est-ce qui est nouveau ? On est loin du rendu Excel Rendus excel
  26. 26. Conclusion • Possibilités techniques et esthétiques toujours plus grandes • Nouveaux supports : interactivité, photo, vidéo, 3D... > Forme de création à part entière ------------------ Qu’est ce qui prime dans une infographie : L’esthétique ou l’information transmise ? Une infographie réussie ? • Ne dicte pas la pensée • Compare des données • Donne du sens • Crée de l’information > Le lecteur analyse et construit ses propres interprétations
  27. 27. Conclusion Des infographies esthétiques mais complexes à déchiffrer. Similar diversity Andreas Koller, Philipp Steinweber 2011
  28. 28. Conclusion Des infographies esthétiques mais complexes à déchiffrer. Exploration de l’Espace National Geographic - Sean McNaughton Nat Geo Creative 2014
  29. 29. Des infographies immédiatement compréhensibles mais au parti pris graphique moins esthétique. Conclusion Marques Mario Mensch Publié dans Die Zeit 2013
  30. 30. Des infographies simples, efficaces et esthétiques Conclusion Greetings Zsuzsanna Ilijin 2007
  31. 31. Conclusion La verdure en banlieue parisienne WeDoData 2014 Gaspillage d’énergie Nigel Holmes 2008-Good Magazine Des infographies efficaces et attractives visuellement ...bien adaptées à leur sujet.
  32. 32. Pour aller plus loin • William Playfair “Commercial and politics atlas” 1786 • Claude Aschenbrenner “Visionnaire de l’information” 2000 • Jacques Bertin “Sémiologie graphique” 1967 • David McCandless “Datavision ”- Editions Robert Laffont • “Arround the world” - Edition Gestalten - 2013 • Ingraphics.ca - revue bi-annuelle • datavizcatalogue.com • data-publica.com • wedodata.fr • Expoviz.fr • Visualisation de données - les leçons de l’histoire - Gaëtan Gaborit • http://www.scoop.it/t/journalisme-graphique (Karen Bastien) La présentation complète en ligne : http://fr.slideshare.net/marionboucharlat/presentation-dataviz#

×