Making data visualizations – A survival guide

39,573 views

Published on

Data visualisations have qualities that make them very powerful communication tools. Images and visualisations are often more readily accepted as evidence than texts. But how can we combine the power of visualizations with the values and ethics of quality journalism? What are the common pitfalls, mistakes and misconceptions? Why should we care about them and how can we fix them? How can we succeed in finding a balance between compelling storytelling, correct data display and aesthetically rich representations? In this workshop Gregor Aisch has walked through guidelines and do’s and don’ts that help survive in the complex field of telling stories through visualizations and infographics.

Making data visualizations – A survival guide

  1. 1. Making DataVisualizationsASurvivalGuideSamstag, 27. April 13
  2. 2. GregorAischB.Sc.ComputationalVisualisticsFreelanceInteractiveNewsDeveloperdriven-by-data.net / vis4.net@driven_by_dataSamstag, 27. April 13
  3. 3. Samstag, 27. April 13
  4. 4. ChartsSamstag, 27. April 13
  5. 5. Samstag, 27. April 13
  6. 6. Avoid3D-ChartsatallcostsAvoid3D charts(atallcosts)Samstag, 27. April 13
  7. 7. 2007200820092010Samstag, 27. April 13
  8. 8. 2007 2008 2009 2010Samstag, 27. April 13
  9. 9. Samstag, 27. April 13
  10. 10. Samstag, 27. April 13
  11. 11. 115° 115°130°Samstag, 27. April 13
  12. 12. 115° 115°130°Samstag, 27. April 13
  13. 13. 25% 25%50%33% 33%33%Samstag, 27. April 13
  14. 14. http://www.youtube.com/watch?feature=player_detailpage&v=DiKIaYjiUfs#t=438sSamstag, 27. April 13
  15. 15. 39,0%19,5%9,8%7,4%3,1%21,2%Samstag, 27. April 13
  16. 16. 39,0%19,5%9,8%7,4%3,1%21,2%31,5%13,6%Samstag, 27. April 13
  17. 17. 39,0%19,5%9,8%7,4%3,1%21,2%39,0%19,5%9,8%7,4%3,1%21,2%Samstag, 27. April 13
  18. 18. Samstag, 27. April 13
  19. 19. UsepiechartswithcareSamstag, 27. April 13
  20. 20. UsepiechartswithcareSamstag, 27. April 13
  21. 21. ShownomorethanfiveslicesSamstag, 27. April 13
  22. 22. Samstag, 27. April 13
  23. 23. UsepiechartsonlytoshowpartofwholerelationshipsSamstag, 27. April 13
  24. 24. SalesperYear20122011200920082007SalesperProductPhonesCamerasTabletsSamstag, 27. April 13
  25. 25. SalesperYear20122011200920082007SalesperProductPhonesCamerasTabletsXSamstag, 27. April 13
  26. 26. Ifyouwanttocomparevalues,usebarchartsSamstag, 27. April 13
  27. 27. PhonesCamerasTabletsSamstag, 27. April 13
  28. 28. PhonesCamerasTabletsSamstag, 27. April 13
  29. 29. PhonesCamerasTabletsSamstag, 27. April 13
  30. 30. PhonesCamerasTabletsSamstag, 27. April 13
  31. 31. PhonesCamerasTabletsSamstag, 27. April 13
  32. 32. 010203040Phones Tablets CamerasSamstag, 27. April 13
  33. 33. AlwaysextendbarchartstozeroSamstag, 27. April 13
  34. 34. AlwaysextendbarchartstozeroSamstag, 27. April 13
  35. 35. 100105110115120A B C D E FSamstag, 27. April 13
  36. 36. 100120A B C D E FSamstag, 27. April 13
  37. 37. 020406080100120A B C D E FSamstag, 27. April 13
  38. 38. 0306090120A B C D E FSamstag, 27. April 13
  39. 39. OrderbarsbyvalueSamstag, 27. April 13
  40. 40. 036912A B C D E FSamstag, 27. April 13
  41. 41. 036912E C F B A DSamstag, 27. April 13
  42. 42. Use linecharts toshow timeseriesSamstag, 27. April 13
  43. 43. Use linecharts toshow timeseriesSamstag, 27. April 13
  44. 44. http://en.wikipedia.org/wiki/File:Nightingale-mortality.jpgSamstag, 27. April 13
  45. 45.        1854 1855 1856J S NOJ AMApr D J S NOJ AMA DJan F M Jan F M250500750100012501500Samstag, 27. April 13
  46. 46.        1854 1855 1856J S NOJ AMApr D J S NOJ AMA DJan F M Jan F M250500750100012501500Samstag, 27. April 13
  47. 47.        wounds1854 1855 1856J S NOJ AMApr D J S NOJ AMA DJan F M Jan F M250500750100012501500Samstag, 27. April 13
  48. 48.        woundsCrimeanWar1854 1855 1856J S NOJ AMApr D J S NOJ AMA DJan F M Jan F M250500750100012501500Samstag, 27. April 13
  49. 49.        preventabledeseasewoundsCrimeanWar1854 1855 1856J S NOJ AMApr D J S NOJ AMA DJan F M Jan F M250500750100012501500Samstag, 27. April 13
  50. 50.        preventabledeseasewoundsothersCrimeanWar1854 1855 1856J S NOJ AMApr D J S NOJ AMA DJan F M Jan F M250500750100012501500Samstag, 27. April 13
  51. 51. BewareofstackedareachartsSamstag, 27. April 13
  52. 52. BewareofstackedareachartsSamstag, 27. April 13
  53. 53. 0 %25 %50 %75 %100 %Q1Y1 Q2Y1 Q3Y1 Q4Y1 Q1Y2 Q2Y2http://www.leancrew.com/all-this/2011/11/i-hate-stacked-area-charts/Samstag, 27. April 13
  54. 54. 0 %25 %50 %75 %100 %Q1Y1 Q2Y1 Q3Y1 Q4Y1 Q1Y2 Q2Y2http://www.leancrew.com/all-this/2011/11/i-hate-stacked-area-charts/Samstag, 27. April 13
  55. 55. 0 %25 %50 %75 %100 %Q1Y1 Q2Y1 Q3Y1 Q4Y1 Q1Y2 Q2Y2http://www.leancrew.com/all-this/2011/11/i-hate-stacked-area-charts/Samstag, 27. April 13
  56. 56. 0 %25 %50 %75 %100 %Q1Y1 Q2Y1 Q3Y1 Q4Y1 Q1Y2 Q2Y2http://www.leancrew.com/all-this/2011/11/i-hate-stacked-area-charts/Samstag, 27. April 13
  57. 57. 0 %25 %50 %75 %100 %Q1Y1 Q2Y1 Q3Y1 Q4Y1 Q1Y2 Q2Y2http://www.leancrew.com/all-this/2011/11/i-hate-stacked-area-charts/Samstag, 27. April 13
  58. 58. 0255075100Q1Y1 Q2Y1 Q3Y1 Q4Y1 Q1Y2 Q2Y2http://www.leancrew.com/all-this/2011/11/i-hate-stacked-area-charts/Samstag, 27. April 13
  59. 59. 0%20%40%60%80%Q1Y1 Q2Y1 Q3Y1 Q4Y1 Q1Y2 Q2Y2http://www.leancrew.com/all-this/2011/11/i-hate-stacked-area-charts/Samstag, 27. April 13
  60. 60. Preferdirect labelingwherever possibleSamstag, 27. April 13
  61. 61. 02550751002007 2008 2009 2010Company A Company BSamstag, 27. April 13
  62. 62. 02550751002007 2008 2009 2010CompanyBCompanyASamstag, 27. April 13
  63. 63. Samstag, 27. April 13
  64. 64. LabelyouraxesSamstag, 27. April 13
  65. 65. Samstag, 27. April 13
  66. 66. Samstag, 27. April 13
  67. 67. Samstag, 27. April 13
  68. 68. 010203040Phones Tablets CamerasSamstag, 27. April 13
  69. 69. Phones Tablets Cameras34219Samstag, 27. April 13
  70. 70. Phones Tablets Cameras34219Samstag, 27. April 13
  71. 71. Tellreaders whytheyshouldcareaboutyourgraphic.Samstag, 27. April 13
  72. 72. Samstag, 27. April 13
  73. 73. Samstag, 27. April 13
  74. 74. Samstag, 27. April 13
  75. 75. WorldMapofCatholicPopulationSamstag, 27. April 13
  76. 76. WorldMapofCatholicPopulationTheCatholicChurchHasShiftedSouthwardsoverthePastCenturySamstag, 27. April 13
  77. 77. ?WhatamIlookingat?Samstag, 27. April 13
  78. 78. ?Whyareyoushowingthistome?Samstag, 27. April 13
  79. 79. Samstag, 27. April 13
  80. 80. Youth Unemployment Rates in EuropeSamstag, 27. April 13
  81. 81. Youth Unemployment on Historical HighSamstag, 27. April 13
  82. 82. Youth Unemployment Devides EuropeSamstag, 27. April 13
  83. 83. Youth Unemployment Devides EuropeSeasonally adjusted unemployment rates of under 25 aged.Samstag, 27. April 13
  84. 84. ColorSamstag, 27. April 13
  85. 85. UsecolorsparinglySamstag, 27. April 13
  86. 86. UsecolorsparinglySamstag, 27. April 13
  87. 87. UseatmosttwocolorsifpossibleSamstag, 27. April 13
  88. 88. 02550751002007 2008 2009 2010CompanyBCompanyASamstag, 27. April 13
  89. 89. 02550751002007 2008 2009 2010CompanyBCompanyASamstag, 27. April 13
  90. 90. BreakFixingachartusingwhatwejustlearnedSamstag, 27. April 13
  91. 91. SmartphonesE-Book readersTabletsMP3playersHeadphonesKeyboardsPencilsMatchesSales per ProductSamstag, 27. April 13
  92. 92. SmartphonesTabletsE-Book ReadersMP3PlayersHeadphonesPencilsKeyboardsMatchesSales per ProductSamstag, 27. April 13
  93. 93. SmartphonesTabletsE-Book ReadersOthersSales per ProductSamstag, 27. April 13
  94. 94. Sales per ProductTabletsE-BookReadersSmartphonesOthersSamstag, 27. April 13
  95. 95. TabletsE-BookReadersSmartphones8Mio.€9Mio.€21Mio.€34Mio.€OthersSales per ProductSamstag, 27. April 13
  96. 96. TabletsE-BookReadersSmartphones8Mio.€9Mio.€21Mio.€34Mio.€OthersSmartphones still kicking salesSamstag, 27. April 13
  97. 97. 8Mio.€9Mio.€21Mio.€34Mio.€TabletsE-BookReadersSmartphonesSmartphones still kicking salesOthersSamstag, 27. April 13
  98. 98. 8Mio.€9Mio.€21Mio.€34Mio.€OthersTabletsE-BookReadersSmartphonesSmartphones still kicking salesSamstag, 27. April 13
  99. 99. SmartphonesE-Book readersTabletsMP3playersHeadphonesKeyboardsPencilsMatchesSales per ProductSamstag, 27. April 13
  100. 100. 8Mio.€9Mio.€21Mio.€34Mio.€OthersTabletsE-BookReadersSmartphonesSmartphones still kicking salesSamstag, 27. April 13
  101. 101. AvoidpurecolorgradientsSamstag, 27. April 13
  102. 102. Samstag, 27. April 13
  103. 103. Samstag, 27. April 13
  104. 104. Samstag, 27. April 13
  105. 105. Samstag, 27. April 13
  106. 106. Samstag, 27. April 13
  107. 107. Samstag, 27. April 13
  108. 108. Samstag, 27. April 13
  109. 109. Respectthecolor blindSamstag, 27. April 13
  110. 110. 6%94%Samstag, 27. April 13
  111. 111. Samstag, 27. April 13
  112. 112. Samstag, 27. April 13
  113. 113. CheckyourcolorswiththecolororacleSamstag, 27. April 13
  114. 114. http://colororacle.orgSamstag, 27. April 13
  115. 115. http://colororacle.orgSamstag, 27. April 13
  116. 116. Saygoodbyetored-greencolorscalesSamstag, 27. April 13
  117. 117. http://www.smartmoney.com/map-of-the-market/Samstag, 27. April 13
  118. 118. http://www.smartmoney.com/map-of-the-market/Samstag, 27. April 13
  119. 119. http://www.smartmoney.com/map-of-the-market/Samstag, 27. April 13
  120. 120. http://www.smartmoney.com/map-of-the-market/Samstag, 27. April 13
  121. 121. Samstag, 27. April 13
  122. 122. Samstag, 27. April 13
  123. 123. Samstag, 27. April 13
  124. 124. original simulationcorrected simulationSamstag, 27. April 13
  125. 125. Indoubt,useColorbrewerSamstag, 27. April 13
  126. 126. http://colorbrewer2.comSamstag, 27. April 13
  127. 127. MapsSamstag, 27. April 13
  128. 128. Samstag, 27. April 13
  129. 129. Don‘tusetheMercatorprojectionforworldmapsSamstag, 27. April 13
  130. 130. Samstag, 27. April 13
  131. 131. Samstag, 27. April 13
  132. 132. Samstag, 27. April 13
  133. 133. Samstag, 27. April 13
  134. 134. Samstag, 27. April 13
  135. 135. Samstag, 27. April 13
  136. 136. OmittingGreenlandwon‘tfixyourMercatorworldmapSamstag, 27. April 13
  137. 137. EqualAreaProjectionSamstag, 27. April 13
  138. 138. xkcd.com/977Samstag, 27. April 13
  139. 139. xkcd.com/977Samstag, 27. April 13
  140. 140. xkcd.com/977Samstag, 27. April 13
  141. 141. Sizesymbolsbyarea–notdiameterorradiusSamstag, 27. April 13
  142. 142. Samstag, 27. April 13
  143. 143. Samstag, 27. April 13
  144. 144. 1 2 3 4 5Samstag, 27. April 13
  145. 145. 1 2 3 4 5Samstag, 27. April 13
  146. 146. 1 2 34 5Samstag, 27. April 13
  147. 147. 1 2 3 4 5Samstag, 27. April 13
  148. 148. 15Samstag, 27. April 13
  149. 149. 15111 11Samstag, 27. April 13
  150. 150. A = π r2Samstag, 27. April 13
  151. 151. A = π 121Samstag, 27. April 13
  152. 152. π1Samstag, 27. April 13
  153. 153. A = π 525Samstag, 27. April 13
  154. 154. 25π5Samstag, 27. April 13
  155. 155. 25π5π1Samstag, 27. April 13
  156. 156. 511 1 1111 1 1111 1 1111 1 1111 1 11Samstag, 27. April 13
  157. 157. 511111Samstag, 27. April 13
  158. 158. 511111r = 5Samstag, 27. April 13
  159. 159. 511111r = 2.236Samstag, 27. April 13
  160. 160. 511111r = 2.236Samstag, 27. April 13
  161. 161. 1 2 3 4 5Samstag, 27. April 13
  162. 162. 1 2 3 4 5Samstag, 27. April 13
  163. 163. Samstag, 27. April 13
  164. 164. Samstag, 27. April 13
  165. 165. http://en.wikipedia.org/wiki/File:Nightingale-mortality.jpgSamstag, 27. April 13
  166. 166.                                                                                                                 Samstag, 27. April 13
  167. 167.                                                                                                                 Samstag, 27. April 13
  168. 168. Recommendedreadings..Samstag, 27. April 13
  169. 169. DanaM.WonggraphicsdirectorforTheWallStreetJournal(2001–2010)Samstag, 27. April 13
  170. 170. DanaM.WonggraphicsdirectorforTheWallStreetJournal(2001–2010)Samstag, 27. April 13
  171. 171. DanaM.WonggraphicsdirectorforTheWallStreetJournal(2001–2010)Samstag, 27. April 13
  172. 172. DanaM.WonggraphicsdirectorforTheWallStreetJournal(2001–2010)Samstag, 27. April 13
  173. 173. Jean-lucDoumontSamstag, 27. April 13
  174. 174. Jean-lucDoumontSamstag, 27. April 13
  175. 175. ProPublicaNewsAppStyleGuidegithub.com/propublica/guides/blob/master/news-apps.mdSamstag, 27. April 13
  176. 176. Findtheslidesonline@http://vis4.net/perugiaSamstag, 27. April 13

×