DATA DESIGN MEANING
djangoproject.com skillsapp.com (tweet @skillsapp for invite)
VISUALIZATION SRSLY, GUISE
DATA? PROFIT MEANING!
acquire parse filter mine represent refine interact
acquire parse filter mine represent ENGINEERING DESIGN refine interact
DATA? PROFIT MEANING!
VISUALIZATIONS CHARTS
http://bit.ly/vyzgqb
Group Period 1 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 1 2 H He 2 3 4 5 6 7 3 Li 11 Na 19 K 37 Rb 55 Cs 87 Fr 4 5 6 7 8 9 10 Be B C N O F Ne 12 13 14 15 16 17 18 Mg Al Si P S Cl Ar 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 Ca Sc Ti V Cr Mn Fe Co Ni Cu Zn Ga Ge As Se Br Kr 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 Sr Y Zr Nb Mo Tc Ru Rh Pd Ag Cd In Sn Sb Te I Xe 56 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 Ba Hf Ta W Re Os Ir Pt Au Hg Tl Pb Bi Po At Rn 88 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 Ra Rf Db Sg Bh Hs Mt Ds Rg Cn Uut Uuq Uup Uuh Uus Uuo Lanthanides Actinides 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 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 Ac Th Pa U Np Pu Am Cm Bk Cf Es Fm Md No Lr
Group Period 1 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 1 2 H He 2 3 4 5 6 7 3 Li 11 Na 19 K 37 Rb 55 Cs 87 Fr 4 5 6 7 8 9 10 Be B C N O F Ne 12 13 14 15 16 17 18 Mg Al Si P S Cl Ar 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 Ca Sc Ti V Cr Mn Fe Co Ni Cu Zn Ga Ge As Se Br Kr 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 Sr Y Zr Nb Mo Tc Ru Rh Pd Ag Cd In Sn Sb Te I Xe 56 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 Ba Hf Ta W Re Os Ir Pt Au Hg Tl Pb Bi Po At Rn 88 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 Ra Rf Db Sg Bh Hs Mt Ds Rg Cn Uut Uuq Uup Uuh Uus Uuo Lanthanides Actinides 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 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 Ac Th Pa U Np Pu Am Cm Bk Cf Es Fm Md No Lr
Group Period 1 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 1 2 H He 2 3 4 5 6 7 3 Li 11 Na 19 K 37 Rb 55 Cs 87 Fr 4 5 6 7 8 9 10 Be B C N O F Ne 12 13 14 15 16 17 18 Mg Al Si P S Cl Ar 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 Ca Sc Ti V Cr Mn Fe Co Ni Cu Zn Ga Ge As Se Br Kr 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 Sr Y Zr Nb Mo Tc Ru Rh Pd Ag Cd In Sn Sb Te I Xe 56 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 Ba Hf Ta W Re Os Ir Pt Au Hg Tl Pb Bi Po At Rn 88 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 Ra Rf Db Sg Bh Hs Mt Ds Rg Cn Uut Uuq Uup Uuh Uus Uuo Lanthanides Actinides 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 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 Ac Th Pa U Np Pu Am Cm Bk Cf Es Fm Md No Lr
Group Period 1 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 1 2 H He 2 3 4 5 6 7 3 Li 11 Na 19 K 37 Rb 55 Cs 87 Fr 4 5 6 7 8 9 10 Be B C N O F Ne 12 13 14 15 16 17 18 Mg Al Si P S Cl Ar 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 Ca Sc Ti V Cr Mn Fe Co Ni Cu Zn Ga Ge As Se Br Kr 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 Sr Y Zr Nb Mo Tc Ru Rh Pd Ag Cd In Sn Sb Te I Xe 56 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 Ba Hf Ta W Re Os Ir Pt Au Hg Tl Pb Bi Po At Rn 88 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 Ra Rf Db Sg Bh Hs Mt Ds Rg Cn Uut Uuq Uup Uuh Uus Uuo Lanthanides Actinides 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 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 Ac Th Pa U Np Pu Am Cm Bk Cf Es Fm Md No Lr
Group Period 1 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 1 2 H He 2 3 4 5 6 7 3 Li 11 Na 19 K 37 Rb 55 Cs 87 Fr 4 5 6 7 8 9 10 Be B C N O F Ne 12 13 14 15 16 17 18 Mg Al Si P S Cl Ar 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 Ca Sc Ti V Cr Mn Fe Co Ni Cu Zn Ga Ge As Se Br Kr 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 Sr Y Zr Nb Mo Tc Ru Rh Pd Ag Cd In Sn Sb Te I Xe 56 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 Ba Hf Ta W Re Os Ir Pt Au Hg Tl Pb Bi Po At Rn 88 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 Ra Rf Db Sg Bh Hs Mt Ds Rg Cn Uut Uuq Uup Uuh Uus Uuo Lanthanides Actinides 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 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 Ac Th Pa U Np Pu Am Cm Bk Cf Es Fm Md No Lr
http://nyti.ms/z7n5xg
I N C E P T I O N
acquire parse filter mine represent ENGINEERING DESIGN refine interact
first, DO NO HARM
OMIT NEEDLESS DATA
OMIT the NEEDLESS
DATA to INK ratio
from Designing with Data by Brian Suda http://www.designingwithdata.com/
from Designing with Data by Brian Suda http://www.designingwithdata.com/
from Designing with Data by Brian Suda http://www.designingwithdata.com/
from Designing with Data by Brian Suda http://www.designingwithdata.com/
from Designing with Data by Brian Suda http://www.designingwithdata.com/
CHARTJUNK
LIES, damn LIES, and STATISTICS
2007 2008 2009 2010 2011
2007 2008 2009 2010 2011 20% 20% 20% 20% 20%
first, DO NO HARM
f*cking VISION how does it work?
GESTALT PRINCIPLES of PERCEPTION (just google it later)
RELATIONSHIPS PROXIMITY SIMILARITY ENCLOSURE CLOSURE CONTINUITY CONNECTION
PROXIMITY SIMILARITY ENCLOSURE CONNECTION CONTINUITY CLOSURE
ANGLES
ANGLES
SHAPES
COLOR
VALUE HUE
S M L BLUE GREEN RED http://en.wikipedia.org/wiki/opponent_process
vs vs http://en.wikipedia.org/wiki/opponent_process
DEUTERANOPIA RED-GREEN COLORBLINDNESS vs vs 1 IN 10 MALES http://en.wikipedia.org/wiki/opponent_process
vs vs http://en.wikipedia.org/wiki/opponent_process
ACTUALLY, vs vs vs http://en.wikipedia.org/wiki/opponent_process
CIE LAB COLORSPACE vs vs vs L a b http://en.wikipedia.org/wiki/lab_color_space
HSL HSV http://en.wikipedia.org/wiki/hsl_color_space
CIELAB L* HSL L HSV V Images courtesy Wikipedia & Luc Viatour / www.lucnix.be
TL;DR COLOR SCIENCE GETS REAL DEEP, REAL FAST
BREWER PALETTES http://colorbrewer2.org/
establish a visual HIERARCHY
DE/ EMPHASIS
emphasized normal 123 widgets sold normal de-emphasized 123 widgets sold
ONCE or ONCE A DAY?
8/ 10
NUMERALS
old-style Early 2096 was lining Early 2096 was
PROTIP LINING FIGURES JUST USE THEM
proportional 1,002,982 8,239,871 TOTAL 9,242,853 tabular 1,002,982 8,239,871 TOTAL 9,242,853
IN TER ACT IVE
you can show MUCH MORE data
you can show TOO MUCH data
NARRATIVE
READER driven AUTHOR
NARRATIVE VISUALIZATION TELLING STORIES WITH DATA http://vis.stanford.edu/files/2010-narrative-infovis.pdf
figure 1 THE MARTINI GLASS
figure 1 THE MARTINI GLASS START GUIDED NARRATIVE EXPLORE
figure 1 THE MARTINI GLASS THE TWIST WOW GUIDED NARRATIVE ADD DETAIL LEDE
figure 2 THE INTERACTIVE SLIDESHOW ABC 123 *@! http://vis.stanford.edu/files/2010-narrative-infovis.pdf
figure 3 THE DRILL-DOWN
AUDIENCE
I 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 I DA N C E P T I O N
O HAI IM EDWARD TUFTE
Th N y! @idangazit & ht p://gazit.me don t be shy, come say hi!