Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Upcoming SlideShare
What to Upload to SlideShare
What to Upload to SlideShare
Loading in …3
×
1 of 36

La dataviz c'est quoi en fait ?

0

Share

Download to read offline

Une définition de la dataviz à travers les siècles

La dataviz c'est quoi en fait ?

  1. 1. La datavisualisation c’est quoi en fait ? marion-boucharlat.com 2017 Marion Boucharlat design d’information
  2. 2. La dataviz en quelques mots : Faire parler les données Synthétiser les enjeux Traduire visuellement Les terminologies : Dataviz / datavision Visualisation de données Infographie Design d’information définition Carlos Monteiro Dessin paru dans le numéro spécial Dataviz de Courrier International - Janvier 2014 “Une image vaut mille mots”Confucius
  3. 3. Le processus de travail : La datavisualisation vue par ©Baptiste Fuchs >> Processus de travail qui induit une complémentarité de compétences La Mission du datadesigner : - Rendre l’information accessible et compréhensible - Avoir un graphisme adapté au sujet / Créativité, esthétique du rendu définition
  4. 4. les modes de représentation Pour le datadesigner Il possède un panel de modes de représentation à enrichir et adapter selon le sujet et l’angle choisi. On peut classer les modes de représentation en plusieurs catégories (cf présentation “modes de représentation”) - Evolution - Comparaison - Décomposition ...
  5. 5. datavizcatalogue.com Frédérik Ruys Pour vous guider les modes de représentation
  6. 6. Chart chooser Anna Vital les modes de représentation
  7. 7. « The World of 100 » Toby NG 2008, Hong Kong. “Vite vu bien vu”. Projet de visualisation par Éclairage Public. 2017 Pictos, illustrations Les visualisations peuvent être véhiculés par différents médias ou procédés graphiques les supports
  8. 8. Le corps selon... - Les terminaisons nerveuses - La valeur pour l’assurance - Les calories brulées par jour - Les résultats Google DavidMcCAndless 2011 les supports
  9. 9. 100 ans de World Cuisine Nicolas Kayser-Bril, Clara Kayser-Bril et Marion Kotlarski - 2012 les supports La photographie
  10. 10. les supports La photographie Nantes métropole La vérité sur le sexe Sarah Illenberger
  11. 11. New York City’s greenhouse gas emissions 2010 La 3D et le motion design les supports
  12. 12. Data Gueule Un thème ou un concept décrypté par les données L’agence kurzgesagt crée des animations sur des thèmes divers kurzgesagt.org/ La 3D et le motion design les supports
  13. 13. Exposition La Maison du crowfounding. Wedodata et Paris Se quema Les expositions 3D les supports
  14. 14. Johannes Schnitzer, graveur, 1482 flash back Cartographie La datavisualisation est un procéde de transmission de l’information qui remonte à très loin. Des points datés de 16 000 ans, trouvés sur les murs de la grotte de Lascaux montrent une partie du ciel nocturne. En 150 après JC, Ptolémée, astrologue et astronome grec écrit des énoncés pour créer une carte. Précurseur de la “géographie” repris au 15 e siècle sous forme de carte visuelle
  15. 15. Graphique représentant le prix du blé et le salaire hebdomadaire de 1565 à 1821 - William Playfair Les précurseurs La grande époque des innovations graphiques : 18e - 19e siècle. Là naissent différents types de représentation. William Playfair Cet ingénieur et économiste écossais invente à la fin du XVIIIe siècle trois graphiques simples et encore très utilisés : l’histogramme, le diagramme circulaire et la série temporelle. flash back
  16. 16. 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 flash back
  17. 17. Tous les imports exports pour et en provenance d’Angleterre William Playfair flash back
  18. 18. Charles joseph minard Charles Joseph Minard, ingénieur civil français du 19e siècle. Cette carte de flux raconte l’histoire de cette armée, qui arrive à Moscou avec moins d’un quart de son effectif de départ, avant de se faire à nouveau décimer sur le voyage du retour. flash back Carte figurative des pertes successives en hommes de l’Armée française dans la campagne de Russie en 1812-1813 1869
  19. 19. Flux des émmigrants dans le monde 1858 Charles joseph minard flash back
  20. 20. Diagramme des causes de mortalité au sein de l’armée en Orient 1858 florence nightingale En 1858 cette infirmière britannique, rend compte à la reine Victoria des causes de mortalité de ses soldats engagés en guerre de Crimée. Celui- ci met bien en évidence une épidémie (en bleu gris) qui a été bien plus meurtrière que les blessures au combat (en rose) ou toute autre cause (en noir). On nomme ces diagrammes “crêtes de coq” flash back
  21. 21. Au 20e siècle, 2 méthodes de représentation novatrices 1-L’Isotype Par Otto Neurath (philosophe) et Gerd Arnzt (graphiste) - 1920 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 flash back
  22. 22. Ils ont mis au point plus de 4 000 pictogrammes conçus. L’intention initiale était d’utiliser ce langage pour l’éducation des enfants, mais il s’est par la suite popularisé dans le domaine de la signalisation publique. On retrouve des pictos ancêtre de notre signalétique actuelle. flash back
  23. 23. flash back Au 20e siècle, 2 méthodes de représentation novatrices 2 - Sémiologie graphique - jacques bertin 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”. Dans son ouvrage il décrit les variables graphiques, c’est à dire tous les éléments que l’on peut modifier dans les graphiques pour représenter l’information, telles que la couleur, la taille, ou encore la surface des formes qui composent les visualisations. Mise au point d’une méthode qui rejoint le processus de travail de la datavisualisation 1-Définir le problème 2-Définir les données 3-Adopter un langage de traitement 4-Traiter les données c’est à dire simplifier sans détruire Cet ouvrage est une des bases du langage cartographique actuel
  24. 24. La position, la longueur, l’angle, la pente, la surface, la couleur séparée en intensité, saturation et teinte, et la forme. 2- Sémiologie graphique - jacques bertin 1967 flash back
  25. 25. flash back Ben schneiderman Ce professeur américain publie des algorithmes permettant d’obtenir ce genre de visualisation dès 1990. Les treemaps sont souvent utilisés pour montrer la répartition d’un budget.
  26. 26. Ce qui est nouveau sur la forme • Multiplicité des supports • 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 infographies : datawrapper.de / infogr.am /Tableau / raw / piktochart.com / visua.ly ..... Et maintenant ? Ce qui est nouveau sur le fond • 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
  27. 27. Recherche “infographie” Et maintenant ?
  28. 28. On est loin des rendus Excel Et maintenant ?
  29. 29. Et maintenant ? Les possibilités techniques et esthétiques sont toujours plus grandes. Les supports sont variés, parfois récents : interactivité, photo, vidéo, 3D... C’est une forme de création à part entière Qu’est ce qui prime dans une infographie : L’esthétique ou l’information transmise ? Qu’est ce qu’une infographie réussie ? Une infographie ne dicte pas la pensée, compare des données, donne du sens et crée de l’information. Ensuite, le lecteur analyse et construit selon ses propres interprétations, sa culture à l’image et sa propre histoire
  30. 30. Similar diversity Andreas Koller, Philipp Steinweber 2011 Et maintenant ? Il existe des infographies esthétiques mais complexes à déchiffrer.
  31. 31. L’ALLEMAGNE : 60 ANS QUI COMPTENT de Golden Section Graphics Et maintenant ?
  32. 32. Des infographies impactantes de par leur sujet... Marques Mario Mensch Publié dans Die Zeit 2013 Et maintenant ?
  33. 33. Des infographies simples, efficaces et esthétiques L’industrie de la Musique Die Zeit 2014 Et maintenant ?
  34. 34. Gaspillage d’énergie Nigel Holmes 2008-Good Magazine Des infographies efficaces et attractives visuellement ... graphiquement adaptées à leur sujet. Et maintenant ?
  35. 35. Pays exportateurs d’armes 2012 Et maintenant ?
  36. 36. Les livres • 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 • “Designing data” - IdN extra 07 • Ingraphics.ca - revue bi-annuelle Les sites et blogs • datavizcatalogue.com • data-publica.com • wedodata.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# pour aller plus loin

×