• Save
Pycon data design
Upcoming SlideShare
Loading in...5
×
 
  • 542 views

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

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

Statistics

Views

Total Views
542
Views on SlideShare
398
Embed Views
144

Actions

Likes
4
Downloads
0
Comments
0

2 Embeds 144

http://presportal.ru 142
http://awesomepitch.co 2

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Pycon data design Pycon data design Presentation Transcript

  • DATA DESIGNMEANING
  • proje ct.comdj ango skills app.com ) pp for invite (tweet @skillsa
  • ♥ VISUALIZATION SRSLY, GUISE View slide
  • DATA ? PROFITMEANING! View slide
  • acquire parse filter minerepresent refine interact
  • acquire parse filter mine ENGINEERINGrepresent DESIGN refine interact
  • DATA ? PROFITMEANING!
  • VISUALIZATIONS CHARTS
  • http://bit.ly/vYZgQb
  • 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
  • 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
  • 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
  • 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
  • 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
  • http://nyti.ms/z7n5Xg
  • I NCEPTION
  • acquire parse filter mine ENGINEERINGrepresent DESIGN refine interact
  • first,DO NOHARM
  • OMITNEEDLESS DATA
  • OMIT theNEEDLESS
  • DATA INK to 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, andSTATISTICS
  • 2007 2008 2009 2010 2011
  • 2007 2008 2009 2010 2011 20% 20% 20% 20% 20%
  • first,DO NOHARM
  • f*ckingVISION how does it work?
  • GESTALT PRINCIPLES of PERCEPTION (just google it later)
  • RELATIONSHIPS PROXIMITY SIMILARITY ENCLOSURE CLOSURE CONTINUITY CONNECTION
  • PROXIMITY SIMILARITY ENCLOSURECONNECTION CONTINUITY CLOSURE
  • ANGLES
  • ANGLES
  • SHAPES
  • COLOR
  • HUEVALUE
  • SMLBLUE GREEN RED http://en.wikipedia.org/wiki/Opponent_process
  • vs vshttp://en.wikipedia.org/wiki/Opponent_process
  • DEUTERANOPIA“RED-GREEN COLORBLINDNESS” vs vs 1 IN 10 MALES http://en.wikipedia.org/wiki/Opponent_process
  • vs vshttp://en.wikipedia.org/wiki/Opponent_process
  • ACTUALLY, vs vs vshttp://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;DRCOLOR SCIENCEGETS REAL DEEP, REAL FAST
  • BREWER PALETTES http://colorbrewer2.org/
  • establish a visualHIERARCHY
  • DE/EMPHASIS
  • emphasized normal 123 widgets sold normal 123de-emphasized widgets sold
  • ONCE orONCE A DAY?
  • 8 / 10
  • NUMERALS
  • old-styleEarly 2096 was… liningEarly 2096 was…
  • PROTIPLINING FIGURES JUST USE THEM
  • proportional 1,002,982 8,239,871 9,242,853TOTAL tabular 1,002,982 8,239,871 9,242,853TOTAL
  • INTERACTIVE
  • you can showMUCH MORE data
  • you can showTOO MUCH data
  • NARRATIVE
  • READER drivenAUTHOR
  • NARRATIVE VISUALIZATIONTELLING STORIES WITH DATA http://vis.stanford.edu/files/2010-Narrative-InfoVis.pdf
  • figure 1“THE MARTINI GLASS”
  • figure 1“THE MARTINI GLASS” GUIDEDSTART EXPLORE NARRATIVE
  • figure 1“THE MARTINI GLASS” “THE TWIST” GUIDEDWOW ADD LEDE DETAIL NARRATIVE
  • figure 2“THE INTERACTIVE SLIDESHOW”ABC 123 *@! http://vis.stanford.edu/files/2010-Narrative-InfoVis.pdf
  • figure 3“THE DRILL-DOWN”
  • AUDIENCE
  • I NCEPTION
  • F R O M T H E P R O D U C E R S O F P Y C O NI DA N C E P T I O N
  • O HAI IMED WARD T UFTE
  • ThN y!@idangazit & htp://gazit.me don’t be shy, come say hi!