Data visualisation workshop 04 @ DWM

Ma présentation dans le cadre du workshop Data Visualisation 04 / DWM, 2013.

Transcript

1. 1 HASHTAG #DATAVISAJ SITE HTTP://DWM.RE/DATAVIZ04/ lundi 4 mars 13
2. 2 DÉROULEMENT DE LA QUINZAINE Semaine 1 • Lundi AM: présentations PM: «fooling around with data» (Exercice de prise en main) • Mardi >vendredi: brainstorming, sketch > trouver sa question et ses données Semaine 2 • Lundi: sketching & drawing • mardi>jeudi soir: production • jeudi soir: publication sur dwm.re • vendredi 12H00: DEBUT DE L’EXPOSITION lundi 4 mars 13
3. 3 PRESENTATIONS Lundi 8h50 Intro 9h00 L’histoire datavisuelle – François Bourgaux 9h30 Pourquoi – Philippe Thronte 10h00 pause 10h15 Driven by data – Gregor Aisch 11h00 pause 11h15 JAQTS – Alexandre Plennevaux 11h45 WYSIWYG – Jacques Houard 12h10 Vocabulaire statistique / L’API de Twitter – Christian Delfosse 12h30 lunch Mercredi 10h00 Visualisation de données interactive avec Raphael.js – Emeric Florence lundi 4 mars 13
4. 4 lundi 4 mars 13
5. 5 Alexandre Plennevaux JAQTS lundi 4 mars 13
6. 6 te parle. JAQTS lundi 4 mars 13
7. saches ... 6 te parle. JAQTS lundi 4 mars 13
8. 7 JAQTS lundi 4 mars 13
9. 7 LA «VISUALISATION DE DONNÉES» JAQTS CELA SIGNIFIE, SI L’ON Y RÉFLÉCHIT, QUE LES DONNÉES SONT, PAR ESSENCE, __________. lundi 4 mars 13
10. 8 JAQTS ÉCHAPPENT __________ lundi 4 mars 13
11. 8 JAQTS ET SI LES DONNÉES SONT __________, CELA SIGNIFIE QU’ELLES À NOS SENS. ÉCHAPPENT __________ lundi 4 mars 13
12. 8 JAQTS ET SI LES DONNÉES SONT __________, CELA SIGNIFIE QU’ELLES À NOS SENS. É C H A P P E N T ? __________ lundi 4 mars 13
13. 9 JAQTS lundi 4 mars 13
14. 9 JAQTS C’EST POUR CETTE RAISON QUE TU ES LÀ: RENDRE SENSIBLE L’INSENSIBLE DONNER FORME À L’INFORME: LA DONNÉE. lundi 4 mars 13
15. 9 JAQTS C’EST POUR CETTE RAISON QUE TU ES LÀ: RENDRE SENSIBLE L’INSENSIBLE DONNER FORME À L’INFORME: LA DONNÉE. DONNER FORME À L’INFORME: LA DONNÉE. lundi 4 mars 13
16. EVERYDAYTA VISUALISATION 10 lundi 4 mars 13
17. 11 http://extranet.infographie-sup.be/horaires/ lundi 4 mars 13
18. 11 Jours de la semaine heure de la journée durée jour http://extranet.infographie-sup.be/horaires/ lundi 4 mars 13
19. chapitre en cours 12 http://extranet.infographie-sup.be/ecole/whoswho/ lundi 4 mars 13
20. chapitre en cours 12 http://extranet.infographie-sup.be/ecole/whoswho/ proportion d’étudiants dans le groupe Année d’étude 2ème lundi 4 mars 13
21. 13 lundi 4 mars 13
22. 13 LA DATAVIZ N’EST PAS COMME LE COCHON. DANS LA DATAVIZ, TOUT N’EST PAS BON. lundi 4 mars 13
23. 14 lundi 4 mars 13
24. 14 lisibilité Est-ce que je la comprends facilement et rapidement? lundi 4 mars 13
25. 14 lisibilité utilisabilité Est-ce que je la comprends facilement et rapidement? Quantité de connaissances que je peux en extraire. lundi 4 mars 13
26. 14 lisibilité « tellement beau que je voudrais l’accrocher dans mon salon » utilisabilité Est-ce que je la comprends facilement et rapidement? Quantité de connaissances que je peux en extraire. Le résultat graphique étonne et sublime le message. lundi 4 mars 13
27. 14 lisibilité « tellement beau que je voudrais l’accrocher dans mon salon » rigoureusement correct utilisabilité Est-ce que je la comprends facilement et rapidement? Quantité de connaissances que je peux en extraire. Les données et les déductions sont-elles rigoureusement correctes? Le résultat graphique étonne et sublime le message. lundi 4 mars 13
28. 14 lisibilité « tellement beau que je voudrais l’accrocher dans mon salon » rigoureusement correct utilisabilité holy graal Est-ce que je la comprends facilement et rapidement? Quantité de connaissances que je peux en extraire. Les données et les déductions sont-elles rigoureusement correctes? Le résultat graphique étonne et sublime le message. lundi 4 mars 13
29. How come cheap airlines are so cheap? ( 5wgraphics.com ) 15 lundi 4 mars 13
30. How come cheap airlines are so cheap? ( 5wgraphics.com ) 15 lisibilité lundi 4 mars 13
31. How come cheap airlines are so cheap? ( 5wgraphics.com ) 15 lisibilité utilisabilité lundi 4 mars 13
32. How come cheap airlines are so cheap? ( 5wgraphics.com ) 15 lisibilité « tellement beau que je voudrais l’accrocher dans mon salon » utilisabilité lundi 4 mars 13
33. How come cheap airlines are so cheap? ( 5wgraphics.com ) 15 lisibilité « tellement beau que je voudrais l’accrocher dans mon salon » utilisabilité lundi 4 mars 13
34. How come cheap airlines are so cheap? ( 5wgraphics.com ) 15 lisibilité « tellement beau que je voudrais l’accrocher dans mon salon » rigoureusement correct utilisabilité lundi 4 mars 13
35. How come cheap airlines are so cheap? ( 5wgraphics.com ) 15 lisibilité « tellement beau que je voudrais l’accrocher dans mon salon » rigoureusement correct utilisabilité lundi 4 mars 13
36. http://hadonejob.com 16 lundi 4 mars 13
37. http://hadonejob.com 16 lisibilité « tellement beau que je voudrais l’accrocher dans mon salon » rigoureusement correct utiilisabilité lundi 4 mars 13
38. Fifty years of exploration (5Wgraphics.com) 17 lundi 4 mars 13
39. Fifty years of exploration (5Wgraphics.com) 17 lundi 4 mars 13
40. Fifty years of exploration (5Wgraphics.com) 17 lisibilité « tellement beau que je voudrais l’accrocher dans mon salon » rigoureusement correct utilisabilité holy graal lundi 4 mars 13
41. simplymeasured.com : website statistics 18 lundi 4 mars 13
42. simplymeasured.com : website statistics 18 lisibilité « tellement beau que je voudrais l’accrocher dans mon salon » rigoureusement correct utilisabilité holy graal lundi 4 mars 13
43. Müsli ingredient network (moritz stefaner: http://moritz.stefaner.eu/projects/musli-ingredient-network/ ) 19 lundi 4 mars 13
44. Müsli ingredient network (moritz stefaner: http://moritz.stefaner.eu/projects/musli-ingredient-network/ ) 19 lisibilité « tellement beau que je voudrais l’accrocher dans mon salon » rigoureusement correct utilisabilité lundi 4 mars 13
45. DWM: planning pédagogique 2012 - 2013 (http://dwm.re/tools/dwm-planning.php ) 20 lundi 4 mars 13
46. DWM: planning pédagogique 2012 - 2013 (http://dwm.re/tools/dwm-planning.php ) 20 lisibilité « tellement beau que je voudrais l’accrocher dans mon salon » rigoureusement correct utilisabilité lundi 4 mars 13
47. 21 « tellement beau que je voudrais l’accrocher dans mon salon » Le résultat graphique étonne et sublime le message. lisibilité Est-ce que je la comprends facilement et rapidement? lundi 4 mars 13
48. 22 JOUER SUR 2 NIVEAUX DE DESCRIPTION • vue globale _ «impact», un message global / une interprétation • vue détaillée – zoom in, exploration des données précises « tellement beau que je voudrais l’accrocher dans mon salon » lundi 4 mars 13
49. 23 EXEMPLE lundi 4 mars 13
50. Flat Earth - La terre, sur base de la Bible (Orlando Ferguson, 1893) 24 lundi 4 mars 13
51. Flat Earth - La terre, sur base de la Bible (Orlando Ferguson) 25 lundi 4 mars 13
52. Flat Earth - La terre, sur base de la Bible (Orlando Ferguson) 26 lundi 4 mars 13
53. Flat Earth - La terre, sur base de la Bible (Orlando Ferguson) 27 lundi 4 mars 13
54. Flat Earth - La terre, sur base de la Bible (Orlando Ferguson) 28 lundi 4 mars 13
55. Flat Earth - La terre, sur base de la Bible (Orlando Ferguson) 28 lundi 4 mars 13
56. Flat Earth - La terre, sur base de la Bible (Orlando Ferguson) 29 lundi 4 mars 13
57. Flat Earth - La terre, sur base de la Bible (Orlando Ferguson) 30 lisibilité « tellement beau que je voudrais l’accrocher dans mon salon » lundi 4 mars 13
58. 31 THE BIG PICTURE NIVEAU DE DESCRIPTION «GLOBAL» NIVEAU DE DESCRIPTION «DÉTAIL» lundi 4 mars 13
59. ratio poids/taille 32 lundi 4 mars 13
60. ratio poids/taille 32 lundi 4 mars 13
61. The Great Tree of Life - (Leonard Eisenberg, 2008) http://www.evogeneao.com/tree-of-life/tree-of-life.htm) 33 lundi 4 mars 13
62. Small Arms and Ammunition market - (Dr. Robert Muggah + Google, 2012) http://workshop.chromeexperiments.com/projects/armsglobe/ 34 lundi 4 mars 13
63. My Use Of Music - (Dino Zarra, esiaj, 2009) 35 lundi 4 mars 13
64. chapitre en cours 36 NIVEAU DE DESCRIPTION «GLOBAL» NIVEAU DE DESCRIPTION «DÉTAIL» lundi 4 mars 13
65. chapitre en cours 36 NIVEAU DE DESCRIPTION «GLOBAL» NIVEAU DE DESCRIPTION «DÉTAIL» lundi 4 mars 13
66. ratio poids/taille 37 lundi 4 mars 13
67. The Great Tree of Life - (Leonard Eisenberg, 2008) http://www.evogeneao.com/tree-of-life/tree-of-life.htm) 38 lundi 4 mars 13
68. 39 DATA NATURE lundi 4 mars 13
69. Les anneaux d’un arbre permettent de calculer son âge et d’évaluer le taux d’humidité/ensoleillement pour chaque année de sa vie 40 lundi 4 mars 13
70. Couverture du livre - Cartographies of Time, Princeton Press, Daniel Rosenberg and Anthony Grafton 41 lundi 4 mars 13
71. chapitre en cours 42 Les strates géologiques sont une archive ( Collège Jean Villar) lundi 4 mars 13
72. chapitre en cours 43 The Histomap. Four Thousand Years Of World History. Relative Power Of Contemporary States, Nations And Empires. Copyright by John B. Sparks. Published by Histomap, Inc. Chicago, Ill. Printed and distributed in the U.S.A. by Rand McNally & Co., Chicago, Ill. lundi 4 mars 13
73. chapitre en cours 43 The Histomap. Four Thousand Years Of World History. Relative Power Of Contemporary States, Nations And Empires. Copyright by John B. Sparks. Published by Histomap, Inc. Chicago, Ill. Printed and distributed in the U.S.A. by Rand McNally & Co., Chicago, Ill. lundi 4 mars 13
74. 44 HISTOMAP 4000 ans d’histoire humaine axe Y: tranche de 50 ans axe X: puissance relative des états à un moment donné. lundi 4 mars 13
75. étourneaux 45 lundi 4 mars 13
76. flickr - user engagement - upload rate per amount of logins 46 lundi 4 mars 13
77. 47 PATTERN RECOGNITION Découvrir des répétitions, des motifs répétitifs, une forme de régularité. lundi 4 mars 13
78. 48 CHERCHE LES MOTIFS RÉPÉTITIFS lundi 4 mars 13
79. http://biowulf.nih.gov/ 49 lundi 4 mars 13
80. psychohistorian.org 50 EXAMINE LES RELATIONS lundi 4 mars 13
81. chapitre en cours 51 Photo: Karine J.B. CHERCHE LES CONTRASTES lundi 4 mars 13
82. chapitre en cours 52 éduquer et nourrir tous les enfants du monde pendant 5 ans lundi 4 mars 13
83. chapitre en cours 53 coût de la crise financière pour le gouvernement américain éduquer et nourrir tous les enfants du monde pendant 5 ans lundi 4 mars 13
84. chapitre en cours 54 © John Maeda - http://www.maedastudio.com/2005/moneycounter/ lundi 4 mars 13
85. chapitre en cours 55 VISE LA CLARTÉ lundi 4 mars 13
86. chapitre en cours 56 © David McCandless © Randall Munroe, XKCD lundi 4 mars 13
87. chapitre en cours 57 lundi 4 mars 13
88. chapitre en cours 58 lundi 4 mars 13
89. 59 lundi 4 mars 13
90. 60 GO TELL A STORY Information graphics in context - Peter Ørntoft, 2007 http:// www.behance.net/gallery/Information-graphics-in-context/ 924345 lundi 4 mars 13
91. 61 Information graphics in context - Peter Ørntoft, 2007 http://www.behance.net/gallery/Information-graphics-in-context/924345 lundi 4 mars 13
92. 62 Information graphics in context - Peter Ørntoft, 2007 http://www.behance.net/gallery/Information-graphics-in-context/924345 lundi 4 mars 13
93. 63 % of Zimbabwe’s men who believe having sex w/ a virgin cures HIV. (Y&T Brazil ‘s rip off of Peter Ørntoft’s work ) lundi 4 mars 13
94. 64 Peter Ørntoft' Lunar Calendar, Dimitre Lima http://dmtr.org/lunarcalendar/ GO TELL A STORY lundi 4 mars 13
95. Bohemian Rhapsichord - http://static.echonest.com/BohemianRhapsichord/index.html 65 lundi 4 mars 13
96. 66 merci lundi 4 mars 13
97. chapitre en cours 67 BRIEFING lundi 4 mars 13
98. CHOISIR UN JEUX DE DONNÉES PARMI... 1.// école: dernières 5 années d’inscriptions - ville+pays d’origine + date de naissance - annee + groupe de travail de l’étudiant - a réussi/raté 2.// sondage: sondage 2013, sondage 2012, sondage 2011 3.// 1 + 2 = possible (mais anonymisé) 4.// Autre (au choix, voir http://dwm.re/data-visualisation-workshop/) 68 lundi 4 mars 13
99. 69 2 (deux) délivrables par groupe 1./ affiche (format vectoriel, CMYK, A1, portrait ou paysage) 2./ interface en ligne permettant de: 2.1/ interagir avec les données 2.2/ télécharger le poster 2.3/ voir le making-of du groupe 2.4/ comprendre de quoi il s’agit 2.5/ prendre connaissance des crédits DÉLIVRABLES lundi 4 mars 13
100. ÉTAPE 1: EXPLORER LES DONNÉES 70 • une fois que vous avez des données, la première chose à faire est d’examiner leur contenu. • les outils de tableur (excel, Google Spreadsheets, etc) permettent de visualiser de manière basique. C’est souvent suffisant pour déceler les tendances. lundi 4 mars 13
101. EXEMPLE: D’OU VIENNENT LES ÉTUDIANTS DE L’ESIAJ? • on prend la bd des inscriptions de l’école pour 2012-2013 dispo ici: http://101.gs/nrsuana • on l’importe dans un nouveau fichier «feuille de calcul» dans Google Drive • on ajoute une nouvelle page dans ce fichier • le reste... à l’écran et sur https://docs.google.com/spreadsheet/ 71 lundi 4 mars 13