http://presportal.ru, http://presuniversity.com, портал Как сделать презентацию, Международная высшая школа презентаций и коммуникаций, создание презентаций

1. DATA
DESIGN
MEANING

2. proje ct.com
dj ango
skills app.com )
pp for invite
(tweet @skillsa

3. ♥ VISUALIZATION
SRSLY, GUISE

4. DATA
?
PROFIT
MEANING!

5. acquire
parse
filter
mine
represent
refine
interact

6. acquire
parse
filter
mine ENGINEERING
represent DESIGN
refine
interact

7. DATA
?
PROFIT
MEANING!

8. VISUALIZATIONS
CHARTS

11. http://bit.ly/vYZgQb

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

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

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

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

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

17. http://nyti.ms/z7n5Xg

18. I NCEPTION

19. acquire
parse
filter
mine ENGINEERING
represent DESIGN
refine
interact

20. first,
DO NO
HARM

21. OMIT
NEEDLESS
DATA

22. OMIT
the
NEEDLESS

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/

30. CHARTJUNK

31. LIES,
damn
LIES,
and
STATISTICS

32. 2007 2008 2009 2010 2011

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

34. first,
DO NO
HARM

35. f*cking
VISION
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

43. COLOR

47. HUE
VALUE

48. SML
BLUE GREEN RED
http://en.wikipedia.org/wiki/Opponent_process

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

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

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

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

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

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

55. CIELAB L*
HSL L HSV V
Images courtesy Wikipedia & Luc Viatour / www.Lucnix.be

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

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

59. establish a visual
HIERARCHY

60. DE/
EMPHASIS

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

62. ONCE
or
ONCE A DAY?

63. 8 / 10

64. NUMERALS

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

66. PROTIP
LINING FIGURES
JUST USE THEM

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

69. IN
TER
ACT
IVE

70. you can show
MUCH MORE
data

71. you can show
TOO MUCH
data

72. NARRATIVE

73. READER
driven
AUTHOR

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

75. figure 1
“THE MARTINI GLASS”

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

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

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

79. figure 3
“THE DRILL-DOWN”

80. AUDIENCE

81. I NCEPTION

82. F R O M T H E P R O D U C E R S O F P Y C O N
I DA N C E P T I O N

83. O HAI IM
ED WARD
T UFTE

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