Pycon data design

577 views
542 views

Published on

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

Published in: Education

Pycon data design

  1. 1. DATA DESIGNMEANING
  2. 2. proje ct.comdj ango skills app.com ) pp for invite (tweet @skillsa
  3. 3. ♥ VISUALIZATION SRSLY, GUISE
  4. 4. DATA ? PROFITMEANING!
  5. 5. acquire parse filter minerepresent refine interact
  6. 6. acquire parse filter mine ENGINEERINGrepresent DESIGN refine interact
  7. 7. DATA ? PROFITMEANING!
  8. 8. VISUALIZATIONS CHARTS
  9. 9. http://bit.ly/vYZgQb
  10. 10. 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
  11. 11. 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
  12. 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. 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. 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. 15. http://nyti.ms/z7n5Xg
  16. 16. I NCEPTION
  17. 17. acquire parse filter mine ENGINEERINGrepresent DESIGN refine interact
  18. 18. first,DO NOHARM
  19. 19. OMITNEEDLESS DATA
  20. 20. OMIT theNEEDLESS
  21. 21. DATA INK to ratio
  22. 22. from “Designing with Data” by Brian Suda http://www.designingwithdata.com/
  23. 23. from “Designing with Data” by Brian Suda http://www.designingwithdata.com/
  24. 24. from “Designing with Data” by Brian Suda http://www.designingwithdata.com/
  25. 25. from “Designing with Data” by Brian Suda http://www.designingwithdata.com/
  26. 26. from “Designing with Data” by Brian Suda http://www.designingwithdata.com/
  27. 27. CHARTJUNK
  28. 28. LIES, damn LIES, andSTATISTICS
  29. 29. 2007 2008 2009 2010 2011
  30. 30. 2007 2008 2009 2010 2011 20% 20% 20% 20% 20%
  31. 31. first,DO NOHARM
  32. 32. f*ckingVISION how does it work?
  33. 33. GESTALT PRINCIPLES of PERCEPTION (just google it later)
  34. 34. RELATIONSHIPS PROXIMITY SIMILARITY ENCLOSURE CLOSURE CONTINUITY CONNECTION
  35. 35. PROXIMITY SIMILARITY ENCLOSURECONNECTION CONTINUITY CLOSURE
  36. 36. ANGLES
  37. 37. ANGLES
  38. 38. SHAPES
  39. 39. COLOR
  40. 40. HUEVALUE
  41. 41. SMLBLUE GREEN RED http://en.wikipedia.org/wiki/Opponent_process
  42. 42. vs vshttp://en.wikipedia.org/wiki/Opponent_process
  43. 43. DEUTERANOPIA“RED-GREEN COLORBLINDNESS” vs vs 1 IN 10 MALES http://en.wikipedia.org/wiki/Opponent_process
  44. 44. vs vshttp://en.wikipedia.org/wiki/Opponent_process
  45. 45. ACTUALLY, vs vs vshttp://en.wikipedia.org/wiki/Opponent_process
  46. 46. CIE LAB COLORSPACE vs vs vs L a b http://en.wikipedia.org/wiki/Lab_color_space
  47. 47. HSL HSV http://en.wikipedia.org/wiki/HSL_color_space
  48. 48. CIELAB L*HSL L HSV V Images courtesy Wikipedia & Luc Viatour / www.Lucnix.be
  49. 49. TL;DRCOLOR SCIENCEGETS REAL DEEP, REAL FAST
  50. 50. BREWER PALETTES http://colorbrewer2.org/
  51. 51. establish a visualHIERARCHY
  52. 52. DE/EMPHASIS
  53. 53. emphasized normal 123 widgets sold normal 123de-emphasized widgets sold
  54. 54. ONCE orONCE A DAY?
  55. 55. 8 / 10
  56. 56. NUMERALS
  57. 57. old-styleEarly 2096 was… liningEarly 2096 was…
  58. 58. PROTIPLINING FIGURES JUST USE THEM
  59. 59. proportional 1,002,982 8,239,871 9,242,853TOTAL tabular 1,002,982 8,239,871 9,242,853TOTAL
  60. 60. INTERACTIVE
  61. 61. you can showMUCH MORE data
  62. 62. you can showTOO MUCH data
  63. 63. NARRATIVE
  64. 64. READER drivenAUTHOR
  65. 65. NARRATIVE VISUALIZATIONTELLING STORIES WITH DATA http://vis.stanford.edu/files/2010-Narrative-InfoVis.pdf
  66. 66. figure 1“THE MARTINI GLASS”
  67. 67. figure 1“THE MARTINI GLASS” GUIDEDSTART EXPLORE NARRATIVE
  68. 68. figure 1“THE MARTINI GLASS” “THE TWIST” GUIDEDWOW ADD LEDE DETAIL NARRATIVE
  69. 69. figure 2“THE INTERACTIVE SLIDESHOW”ABC 123 *@! http://vis.stanford.edu/files/2010-Narrative-InfoVis.pdf
  70. 70. figure 3“THE DRILL-DOWN”
  71. 71. AUDIENCE
  72. 72. I NCEPTION
  73. 73. 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
  74. 74. O HAI IMED WARD T UFTE
  75. 75. ThN y!@idangazit & htp://gazit.me don’t be shy, come say hi!

×