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

Data, Design, Meaning at Reversim Summit 2013

0d877f80c535471ede57c7a4c0f487de?s=47 Idan Gazit
February 18, 2013

Data, Design, Meaning at Reversim Summit 2013

0d877f80c535471ede57c7a4c0f487de?s=128

Idan Gazit

February 18, 2013
Tweet

Transcript

  1. DATA DESIGN MEANING

  2. djangoproject.com @IDANGAZIT

  3. co i oo ! .io

  4. — VISUALIZATION SRSLY, GUISE

  5. DATA ? PROFIT MEANING!

  6. acquire parse filter mine represent refine interact

  7. acquire parse filter mine represent refine interact ENGINEERING DESIGN

  8. DATA ? PROFIT MEANING!

  9. VISUALIZATIONS CHARTS

  10. 0 0.25 0.5 0.75 1

  11. None
  12. HTTP://FLIC.KR/P/967DVR

  13. http://bit.ly/vYZgQb

  14. 2 1 He H 4 5 6 7 8 9

    10 3 Be B C N O F Ne Li 12 13 14 15 16 17 18 11 Mg Al Si P S Cl Ar Na 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 19 Ca Sc Ti V Cr Mn Fe Co Ni Cu Zn Ga Ge As Se Br Kr K 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 37 Ag Sr Y Zr Nb Mo Tc Ru Rh Pd Cd In Sn Sb Te I Xe Rb 56 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 55 Ba Hf Ta W Re Os Ir Pt Au Hg Tl Pb Bi Po At Rn Cs 88 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 87 Sg Rg Uuq Uup Ra Rf Db Bh Hs Mt Ds Cn Uut Uuh Uus Uuo Fr 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 Dy La Ce Pr Nd Pm Sm Eu Gd Tb Ho Er Tm Yb Lu 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 Ac Th Pa U Np Pu Am Cm Bk Cf Es Fm Md No Lr Group Period Lanthanides Actinides 1 2 3 4 5 6 7 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
  15. 2 1 He H 4 5 6 7 8 9

    10 3 Be B C N O F Ne Li 12 13 14 15 16 17 18 11 Mg Al Si P S Cl Ar Na 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 19 Ca Sc Ti V Cr Mn Fe Co Ni Cu Zn Ga Ge As Se Br Kr K 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 37 Ag Sr Y Zr Nb Mo Tc Ru Rh Pd Cd In Sn Sb Te I Xe Rb 56 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 55 Ba Hf Ta W Re Os Ir Pt Au Hg Tl Pb Bi Po At Rn Cs 88 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 87 Sg Rg Uuq Uup Ra Rf Db Bh Hs Mt Ds Cn Uut Uuh Uus Uuo Fr 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 Dy La Ce Pr Nd Pm Sm Eu Gd Tb Ho Er Tm Yb Lu 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 Ac Th Pa U Np Pu Am Cm Bk Cf Es Fm Md No Lr Group Period Lanthanides Actinides 1 2 3 4 5 6 7 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
  16. 2 1 He H 4 5 6 7 8 9

    10 3 Be B C N O F Ne Li 12 13 14 15 16 17 18 11 Mg Al Si P S Cl Ar Na 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 19 Ca Sc Ti V Cr Mn Fe Co Ni Cu Zn Ga Ge As Se Br Kr K 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 37 Ag Sr Y Zr Nb Mo Tc Ru Rh Pd Cd In Sn Sb Te I Xe Rb 56 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 55 Ba Hf Ta W Re Os Ir Pt Au Hg Tl Pb Bi Po At Rn Cs 88 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 87 Sg Rg Uuq Uup Ra Rf Db Bh Hs Mt Ds Cn Uut Uuh Uus Uuo Fr 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 Dy La Ce Pr Nd Pm Sm Eu Gd Tb Ho Er Tm Yb Lu 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 Ac Th Pa U Np Pu Am Cm Bk Cf Es Fm Md No Lr Group Period Lanthanides Actinides 1 2 3 4 5 6 7 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
  17. 2 1 He H 4 5 6 7 8 9

    10 3 Be B C N O F Ne Li 12 13 14 15 16 17 18 11 Mg Al Si P S Cl Ar Na 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 19 Ca Sc Ti V Cr Mn Fe Co Ni Cu Zn Ga Ge As Se Br Kr K 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 37 Ag Sr Y Zr Nb Mo Tc Ru Rh Pd Cd In Sn Sb Te I Xe Rb 56 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 55 Ba Hf Ta W Re Os Ir Pt Au Hg Tl Pb Bi Po At Rn Cs 88 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 87 Sg Rg Uuq Uup Ra Rf Db Bh Hs Mt Ds Cn Uut Uuh Uus Uuo Fr 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 Dy La Ce Pr Nd Pm Sm Eu Gd Tb Ho Er Tm Yb Lu 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 Ac Th Pa U Np Pu Am Cm Bk Cf Es Fm Md No Lr Group Period Lanthanides Actinides 1 2 3 4 5 6 7 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
  18. http://nyti.ms/z7n5Xg

  19. None
  20. I N C E P T I O N

  21. acquire parse filter mine represent refine interact ENGINEERING DESIGN

  22. DO NO HARM first,

  23. OMIT NEEDLESS DATA

  24. OMIT NEEDLESS the

  25. DATA INK to ratio

  26. from “Designing with Data” by Brian Suda http://www.designingwithdata.com/

  27. from “Designing with Data” by Brian Suda http://www.designingwithdata.com/

  28. from “Designing with Data” by Brian Suda http://www.designingwithdata.com/

  29. from “Designing with Data” by Brian Suda http://www.designingwithdata.com/

  30. from “Designing with Data” by Brian Suda http://www.designingwithdata.com/

  31. None
  32. CHARTJUNK

  33. LIES, LIES, STATISTICS damn and

  34. 2007 2008 2009 2010 2011

  35. 20% 20% 20% 20% 20% 2007 2008 2009 2010 2011

  36. DO NO HARM first,

  37. VISION f*cking how does it work?

  38. GESTALT PRINCIPLES of PERCEPTION (just google it later)

  39. RELATIONSHIPS PROXIMITY SIMILARITY ENCLOSURE CLOSURE CONTINUITY CONNECTION

  40. PROXIMITY SIMILARITY ENCLOSURE CONNECTION CONTINUITY CLOSURE

  41. ANGLES

  42. ANGLES

  43. SHAPES

  44. None
  45. COLOR

  46. None
  47. None
  48. None
  49. HUE VALUE

  50. M S L BLUE GREEN RED http://en.wikipedia.org/wiki/Opponent_process

  51. http://en.wikipedia.org/wiki/Opponent_process vs vs

  52. http://en.wikipedia.org/wiki/Opponent_process vs vs DEUTERANOPIA “RED-GREEN COLORBLINDNESS” 1 IN 10 MALES

  53. http://en.wikipedia.org/wiki/Opponent_process vs vs

  54. http://en.wikipedia.org/wiki/Opponent_process vs vs vs ACTUALLY,

  55. http://en.wikipedia.org/wiki/Lab_color_space vs vs vs CIE LAB COLORSPACE L a b

  56. http://en.wikipedia.org/wiki/HSL_color_space HSL HSV

  57. HSV V HSL L CIELAB L* Images courtesy Wikipedia &

    Luc Viatour / www.Lucnix.be
  58. None
  59. COLOR SCIENCE TL;DR GETS REAL DEEP, REAL FAST

  60. BREWER PALETTES http://colorbrewer2.org/

  61. None
  62. HIERARCHY establish a visual

  63. DE/ EMPHASIS

  64. 123 widgets sold 123 widgets sold normal emphasized de-emphasized normal

  65. ONCE ONCE A DAY? or

  66. 8/10

  67. NUMERALS

  68. Early 2096 was… Early was… old-style lining

  69. 418,096 , you have things you have things

  70. LINING FIGURES PROTIP JUST USE THEM

  71. None
  72. 1,002,982 8,239,871 9,242,853 proportional tabular TOTAL TOTAL

  73. IN TER ACT IVE

  74. MUCH MORE you can show data

  75. TOO MUCH you can show data

  76. NARRATIVE

  77. READER AUTHOR driven

  78. NARRATIVE VISUALIZATION http://vis.stanford.edu/files/2010-Narrative-InfoVis.pdf TELLING STORIES WITH DATA

  79. “THE MARTINI GLASS” figure 1

  80. “THE MARTINI GLASS” figure 1 START GUIDED NARRATIVE EXPLORE

  81. “THE MARTINI GLASS” figure 1 WOW GUIDED NARRATIVE LEDE ADD

    DETAIL “THE TWIST”
  82. “THE INTERACTIVE SLIDESHOW” figure 2 ABC 123 *@! http://vis.stanford.edu/files/2010-Narrative-InfoVis.pdf

  83. “THE DRILL-DOWN” figure 3

  84. AUDIENCE

  85. I N C E P T I O N

  86. I DA N C E P T I O N

    F R O M T H E P R O D U C E R S O F R E V E R S I M
  87. O HAI IM EDWARD TUFTE

  88. GO MAKE THINGS (better)

  89. T H A N K S , S P O

    N S O R S ! @idangazit short gazit.me long github.com/idan code Thank you!