Data, Design, Meaning

Transcript

1. DATA DESIGN MEANING

2. djangoproject.com skillsapp.com (tweet @skillsapp for invite)

3. — VISUALIZATION SRSLY, GUISE

4. DATA ? PROFIT MEANING!

5. acquire parse filter mine represent refine interact

6. acquire parse filter mine represent refine interact ENGINEERING DESIGN

7. DATA ? PROFIT MEANING!

8. VISUALIZATIONS CHARTS

9. None
10. None

11. http://bit.ly/vYZgQb

12. 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

13. 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

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. http://nyti.ms/z7n5Xg

18. I N C E P T I O N

19. acquire parse filter mine represent refine interact ENGINEERING DESIGN

20. DO NO HARM first,

21. OMIT NEEDLESS DATA

22. OMIT NEEDLESS the

23. DATA INK to ratio

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

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

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. None

30. CHARTJUNK

31. LIES, LIES, STATISTICS damn and

32. 2007 2008 2009 2010 2011

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

34. DO NO HARM first,

35. VISION f*cking how does it work?

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

37. RELATIONSHIPS PROXIMITY SIMILARITY ENCLOSURE CLOSURE CONTINUITY CONNECTION

38. PROXIMITY SIMILARITY ENCLOSURE CONNECTION CONTINUITY CLOSURE

39. ANGLES

40. ANGLES

41. SHAPES

42. None

43. COLOR

44. None
45. None
46. None

47. HUE VALUE

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

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

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

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

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

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

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

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

    Luc Viatour / www.Lucnix.be

56. COLOR SCIENCE TL;DR GETS REAL DEEP, REAL FAST

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

58. None

59. HIERARCHY establish a visual

60. DE/ EMPHASIS

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

62. ONCE ONCE A DAY? or

63. 8/10

64. NUMERALS

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

66. LINING FIGURES PROTIP JUST USE THEM

67. None

68. 1,002,982 8,239,871 9,242,853 proportional tabular TOTAL TOTAL

69. IN TER ACT IVE

70. MUCH MORE you can show data

71. TOO MUCH you can show data

72. NARRATIVE

73. READER AUTHOR driven

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

75. “THE MARTINI GLASS” figure 1

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

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

    DETAIL “THE TWIST”

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

79. “THE DRILL-DOWN” figure 3

80. AUDIENCE

81. I N C E P T I O N

82. 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 P Y C O N

83. O HAI IM EDWARD TUFTE

84. ThN y! @idangazit & htp://gazit.me don’t be shy, come say

    hi!