Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Data visualisation workshop 04 @ DWM

F148b2fabe4f88c40459f8d587b1ce5f?s=47 pixeline
March 04, 2013

Data visualisation workshop 04 @ DWM

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

F148b2fabe4f88c40459f8d587b1ce5f?s=128

pixeline

March 04, 2013
Tweet

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