Data, Design, Meaning at Reversim Summit 2013

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
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
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/
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
45. COLOR
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
59. COLOR SCIENCE TL;DR GETS REAL DEEP, REAL FAST
60. BREWER PALETTES http://colorbrewer2.org/
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
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!