Upload
marionboucharlat
View
3.454
Download
1
Embed Size (px)
Citation preview
La datavisuaLisationc’est quoi en fait ?
marion-boucharlat.comdataviz.im
2014
MarionBoucharlat
Design d’information
Définition de la datavisualisation
“Une image vaut mille mots” Confucius
Mettre en image des informations/données chiffrées, géographiques• Faire parler les données brutes• Synthétiser les enjeux essentiels du propos • Les traduire visuellement
Les terMinoLogies :• Dataviz• Visualisation de données• Design d’information• Infographie
Carlos MonteiroDessin paru dans le numéro spécial Dataviz de Courrier International - Janvier 2014
Le processus de travaiL :
La datavisualisation vue par © Baptiste Fuchs
>>>> Complémentarité de compétences
La Mission du datadesigner :• information accessible et compréhensible• clarté de la visualisation• créativité, esthétique du rendu
Définition de la datavisualisation
Le datadesigner possède un panel de modes de représen-tation, 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
Budget Île-de-FranceWedodata 2012
Les modes de représentation
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, courbes evoLution
Les modes de représentation
« Similar Diversity », projet universitaire, 2007, AutricheAndreas Koller et Philipp Steinweber
nuage de Mots
Les modes de représentation
« The World of 100 » projet personnel,2008, Hong Kong. Toby NG
Le corps selon...DavidMcCAndless 2011
pictos, iLLustrations
Les modes de représentation
Les modes de représentation
100 ans de World CuisineNicolas Kayser-Bril, Clara Kayser-Bril etMarion Kotlarski - 2012
New York City’s greenhouse gas emissions - 201O
La photovisuaLisation, La 3d, La vidéo...
Les modes de représentation
La datavisualisation, est-ce si nouveau ?
La cartographie en tant que procédé de transmission de l’information, remonte à 150 après Jc• ptolémée, astrologue et astronome grec, a écrit des énoncés, sorte de méthode 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
La datavisualisation, est-ce si nouveau ?
Imports/exports en Ecosse,histogramme de données économiquesWilliam Playfair 1786
La grande époque : 18e - 19e siècle> différents types de représentation graphique de données statistiques.
• WiLLiaM pLayfair - 1759-1823 / ingénieurIl a introduit trois grands types de diagramme :
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
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
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.
La datavisualisation, est-ce si nouveau ?
• charLes Joseph Minard - 1781-1870 / ingénieur civiLCélèbre pour ses inventions de représentations graphiques etcartographique. Connu pour ses “cartes de flux”.
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.Charles Joseph Minard 1869
La datavisualisation, est-ce si nouveau ?
Flux des émmigrants dans le mondeCharles Joseph Minard 1858
• charLes Joseph Minard - 1781-1870 / ingénieur civiL
La datavisualisation, est-ce si nouveau ?
• fLorence nightingaLe - 1820-1910 / infirMièreNightingale est une pionnière de la présentation visuelle de l’information dans le domaine de la santé. Elle utilise entre autres les diagrammes cir-culaires, développés par William Playfair. Diagrammes “crêtes de coq”
Ce graphique a 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 OrientFlorence Nightingale 1857
La datavisualisation, est-ce si nouveau ?
Au 20e siècle, on peut retenir 2 méthodes de représentation qui paraissent fondatrices.
1 - otto neurath (phiLosophe) et gerd arnzt(graphiste) - 1920 / L’Isotype • Langage universel et non verbal au moyen d’icônes facilement inter-prétables, né de la devise “les mots divisent, les images unissent”
Isotype : Systemeinternationald’éducation parles imagestypographiques
La datavisualisation, est-ce si nouveau ?
• signes, pictogrammes, signalétiquePlus de 4 000 pictogrammes ont été conçus.Certains se retrouvent ou ont inspiré directement des picto-grammes très courants d’aujourd’hui.
La datavisualisation, est-ce si nouveau ?
2-Jacques bertin - 1918-2010 / cartographeLa sémIoLogIe graphIque, 1967
• “L’oeil voit instantanément une forme quelle que soit sacomplexité. 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 detravail évoqué plus haut (schéma) :
- 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
La datavisualisation, est-ce si nouveau ?
Les variables de l’image et les variables de séparationdes images par Jacques Bertin
2-Jacques bertin - 1918-2010 / cartographeLa sémIoLogIe graphIque, 1967
La datavisualisation, est-ce si nouveau ?
La position, la longueur, l’angle,la pente, la surface, la couleur séparée en intensité, saturationet teinte, et la forme.Jacques Bertin
2-Jacques bertin - 1918-2010 / cartographeLa sémIoLogIe graphIque, 1967
Qu’est-ce qui est nouveau ?
dans Le fond
dans La forMe
• La manière dont notre société mobilise l’information• La recherche de vitesse avec laquelle elle la transmet• Idée de démocratiser l’accès du citoyen aux données publiques• Révolution numérique et évolution internet • outils de datamining toujours plus performants
• Performance des outils de datavisualisation pour les designers• Volonté de rendre accessible la pratique à un plus grand nom-bre = sites en ligne pour créer des graphiques et des infogra-phies :datawrapper.de / infogr.am / piktochart.com / easy.ly / visua.ly / visage.co ...la position, la longueur, l’angle,
la pente, la surface, la couleurséparée en intensité, saturationet teinte, et la forme. Jacques Bertin
Qu’est-ce qui est nouveau ?
Rendus visua.ly easel.ly piktochart infogr.am
Qu’est-ce qui est nouveau ?
on est loin d’un rendu excel
Rendus excel
Question ?
Template easy.ly
• Possibilités esthétiques plus grandes > oeuvre d’art ?• Nouveaux supports : interactivité, photo, vidéo, 3D...
------------------
qu’est ce qui prime dans une infographie :L’esthétique ou L’inforMation transMise ?• ne dicte pas la pensée• Donne du sens• Crée de l’information > Le lecteur analyse et construit ses propres histoires
Question ?
Des infographies esthétiques mais complexes à déchiffrer.
Similar diversityAndreas Koller, Philipp Steinweber 2011
Question ?
Des infographies esthétiques mais complexes à déchiffrer.
Exploration de l’EspaceNational Geographic - Sean McNaughton Nat Geo Creative 2014
138 ans de Popular Sciencejer THORP 2011
Des infographies immédiatement compréhensibles mais au graphisme moins recherché.
Question ?
MarquesMario MenschPublié dans Die Zeit 2013
138 ans de Popular Sciencejer THORP 2011
Des infographies simples, efficaces et esthétiques
Question ?
GreetingsZsuzsanna Ilijin2007
Question ?
La verdure en banlieue parisienneWeDoData 2014
Gaspillage d’énergieNigel Holmes 2008-Good Magazine
Des infographies efficaces et attractives visuellement ...bien adaptées à leur sujet.
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
LA PRéSENTATION COMPLèTE EN LIGNE :http://fr.slideshare.net/marionboucharlat/presentation-dataviz#