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.

1. Making Data
Visualizations
ASurvivalGuide
Samstag, 27. April 13

2. GregorAisch
B.Sc.ComputationalVisualistics
FreelanceInteractiveNewsDeveloper
driven-by-data.net / vis4.net
@driven_by_data
Samstag, 27. April 13

3. Samstag, 27. April 13

4. Charts
Samstag, 27. April 13

5. Samstag, 27. April 13

6. Avoid
3D-Charts
atallcosts
Avoid
3D charts
(atallcosts)
Samstag, 27. April 13

7. 2007
2008
2009
2010
Samstag, 27. April 13

8. 2007 2008 2009 2010
Samstag, 27. April 13

9. Samstag, 27. April 13

10. Samstag, 27. April 13

11. 115° 115°
130°
Samstag, 27. April 13

12. 115° 115°
130°
Samstag, 27. April 13

13. 25% 25%
50%
33% 33%
33%
Samstag, 27. April 13

14. http://www.youtube.com/watch?feature=player_detailpage&v=DiKIaYjiUfs#t=438s
Samstag, 27. April 13

15. 39,0%
19,5%
9,8%
7,4%
3,1%
21,2%
Samstag, 27. April 13

16. 39,0%
19,5%
9,8%
7,4%
3,1%
21,2%
31,5%
13,6%
Samstag, 27. April 13

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. Samstag, 27. April 13

19. Usepiecharts
withcare
Samstag, 27. April 13

20. Usepiecharts
withcare
Samstag, 27. April 13

21. Shownomore
thanfiveslices
Samstag, 27. April 13

22. Samstag, 27. April 13

23. Usepiechartsonlyto
showpartofwhole
relationships
Samstag, 27. April 13

24. SalesperYear
2012
2011
2009
2008
2007
SalesperProduct
Phones
Cameras
Tablets
Samstag, 27. April 13

25. SalesperYear
2012
2011
2009
2008
2007
SalesperProduct
Phones
Cameras
Tablets
XSamstag, 27. April 13

26. Ifyouwantto
comparevalues,
usebarcharts
Samstag, 27. April 13

27. Phones
Cameras
Tablets
Samstag, 27. April 13

28. Phones
Cameras
Tablets
Samstag, 27. April 13

29. Phones
Cameras
Tablets
Samstag, 27. April 13

30. Phones
Cameras
Tablets
Samstag, 27. April 13

31. Phones
Cameras
Tablets
Samstag, 27. April 13

32. 0
10
20
30
40
Phones Tablets Cameras
Samstag, 27. April 13

33. Alwaysextendbar
chartstozero
Samstag, 27. April 13

34. Alwaysextendbar
chartstozero
Samstag, 27. April 13

35. 100
105
110
115
120
A B C D E F
Samstag, 27. April 13

36. 100
120
A B C D E F
Samstag, 27. April 13

37. 0
20
40
60
80
100
120
A B C D E F
Samstag, 27. April 13

38. 0
30
60
90
120
A B C D E F
Samstag, 27. April 13

39. Orderbarsbyvalue
Samstag, 27. April 13

40. 0
3
6
9
12
A B C D E F
Samstag, 27. April 13

41. 0
3
6
9
12
E C F B A D
Samstag, 27. April 13

42. Use linecharts to
show timeseries
Samstag, 27. April 13

43. Use linecharts to
show timeseries
Samstag, 27. April 13

44. http://en.wikipedia.org/wiki/File:Nightingale-mortality.jpg
Samstag, 27. April 13

45. 






       
1854 1855 1856
J S NOJ AMApr D J S NOJ AMA DJan F M Jan F M
250
500
750
1000
1250
1500
Samstag, 27. April 13

46. 






       
1854 1855 1856
J S NOJ AMApr D J S NOJ AMA DJan F M Jan F M
250
500
750
1000
1250
1500
Samstag, 27. April 13

47. 






       
wounds
1854 1855 1856
J S NOJ AMApr D J S NOJ AMA DJan F M Jan F M
250
500
750
1000
1250
1500
Samstag, 27. April 13

48. 






       
wounds
CrimeanWar
1854 1855 1856
J S NOJ AMApr D J S NOJ AMA DJan F M Jan F M
250
500
750
1000
1250
1500
Samstag, 27. April 13

49. 






       
preventable
desease
wounds
CrimeanWar
1854 1855 1856
J S NOJ AMApr D J S NOJ AMA DJan F M Jan F M
250
500
750
1000
1250
1500
Samstag, 27. April 13

50. 






       
preventable
desease
wounds
others
CrimeanWar
1854 1855 1856
J S NOJ AMApr D J S NOJ AMA DJan F M Jan F M
250
500
750
1000
1250
1500
Samstag, 27. April 13

51. Bewareof
stackedarea
charts
Samstag, 27. April 13

52. Bewareof
stackedarea
charts
Samstag, 27. April 13

53. 0 %
25 %
50 %
75 %
100 %
Q1Y1 Q2Y1 Q3Y1 Q4Y1 Q1Y2 Q2Y2
http://www.leancrew.com/all-this/2011/11/i-hate-stacked-area-charts/
Samstag, 27. April 13

54. 0 %
25 %
50 %
75 %
100 %
Q1Y1 Q2Y1 Q3Y1 Q4Y1 Q1Y2 Q2Y2
http://www.leancrew.com/all-this/2011/11/i-hate-stacked-area-charts/
Samstag, 27. April 13

55. 0 %
25 %
50 %
75 %
100 %
Q1Y1 Q2Y1 Q3Y1 Q4Y1 Q1Y2 Q2Y2
http://www.leancrew.com/all-this/2011/11/i-hate-stacked-area-charts/
Samstag, 27. April 13

56. 0 %
25 %
50 %
75 %
100 %
Q1Y1 Q2Y1 Q3Y1 Q4Y1 Q1Y2 Q2Y2
http://www.leancrew.com/all-this/2011/11/i-hate-stacked-area-charts/
Samstag, 27. April 13

57. 0 %
25 %
50 %
75 %
100 %
Q1Y1 Q2Y1 Q3Y1 Q4Y1 Q1Y2 Q2Y2
http://www.leancrew.com/all-this/2011/11/i-hate-stacked-area-charts/
Samstag, 27. April 13

58. 0
25
50
75
100
Q1Y1 Q2Y1 Q3Y1 Q4Y1 Q1Y2 Q2Y2
http://www.leancrew.com/all-this/2011/11/i-hate-stacked-area-charts/
Samstag, 27. April 13

59. 0%
20%
40%
60%
80%
Q1Y1 Q2Y1 Q3Y1 Q4Y1 Q1Y2 Q2Y2
http://www.leancrew.com/all-this/2011/11/i-hate-stacked-area-charts/
Samstag, 27. April 13

60. Prefer
direct labeling
wherever possible
Samstag, 27. April 13

61. 0
25
50
75
100
2007 2008 2009 2010
Company A Company B
Samstag, 27. April 13

62. 0
25
50
75
100
2007 2008 2009 2010
CompanyB
CompanyA
Samstag, 27. April 13

63. Samstag, 27. April 13

64. Labelyouraxes
Samstag, 27. April 13

65. Samstag, 27. April 13

66. Samstag, 27. April 13

67. Samstag, 27. April 13

68. 0
10
20
30
40
Phones Tablets Cameras
Samstag, 27. April 13

69. Phones Tablets Cameras
34
21
9
Samstag, 27. April 13

70. Phones Tablets Cameras
34
21
9
Samstag, 27. April 13

71. Tellreaders why
theyshouldcareabout
yourgraphic.
Samstag, 27. April 13

72. Samstag, 27. April 13

73. Samstag, 27. April 13

74. Samstag, 27. April 13

75. WorldMapofCatholic
Population
Samstag, 27. April 13

76. WorldMapofCatholic
Population
TheCatholicChurchHas
ShiftedSouthwardsoverthe
PastCentury
Samstag, 27. April 13

77. ?
WhatamIlookingat?
Samstag, 27. April 13

78. ?
Whyareyoushowing
thistome?
Samstag, 27. April 13

79. Samstag, 27. April 13

80. Youth Unemployment Rates in Europe
Samstag, 27. April 13

81. Youth Unemployment on Historical High
Samstag, 27. April 13

82. Youth Unemployment Devides Europe
Samstag, 27. April 13

83. Youth Unemployment Devides Europe
Seasonally adjusted unemployment rates of under 25 aged.
Samstag, 27. April 13

84. Color
Samstag, 27. April 13

85. Usecolor
sparingly
Samstag, 27. April 13

86. Usecolor
sparingly
Samstag, 27. April 13

87. Useatmost
twocolors
ifpossible
Samstag, 27. April 13

88. 0
25
50
75
100
2007 2008 2009 2010
CompanyB
CompanyA
Samstag, 27. April 13

89. 0
25
50
75
100
2007 2008 2009 2010
CompanyB
CompanyA
Samstag, 27. April 13

90. Break
Fixingachartusing
whatwejustlearned
Samstag, 27. April 13

91. Smartphones
E-Book readers
Tablets
MP3players
Headphones
Keyboards
Pencils
Matches
Sales per Product
Samstag, 27. April 13

92. Smartphones
Tablets
E-Book Readers
MP3Players
Headphones
Pencils
Keyboards
Matches
Sales per Product
Samstag, 27. April 13

93. Smartphones
Tablets
E-Book Readers
Others
Sales per Product
Samstag, 27. April 13

94. Sales per Product
Tablets
E-BookReaders
Smartphones
Others
Samstag, 27. April 13

95. Tablets
E-BookReaders
Smartphones
8Mio.€
9Mio.€
21Mio.€
34Mio.€
Others
Sales per Product
Samstag, 27. April 13

96. Tablets
E-BookReaders
Smartphones
8Mio.€
9Mio.€
21Mio.€
34Mio.€
Others
Smartphones still kicking sales
Samstag, 27. April 13

97. 8Mio.€
9Mio.€
21Mio.€
34Mio.€
Tablets
E-BookReaders
Smartphones
Smartphones still kicking sales
Others
Samstag, 27. April 13

98. 8Mio.€
9Mio.€
21Mio.€
34Mio.€
Others
Tablets
E-BookReaders
Smartphones
Smartphones still kicking sales
Samstag, 27. April 13

99. Smartphones
E-Book readers
Tablets
MP3players
Headphones
Keyboards
Pencils
Matches
Sales per Product
Samstag, 27. April 13

100. 8Mio.€
9Mio.€
21Mio.€
34Mio.€
Others
Tablets
E-BookReaders
Smartphones
Smartphones still kicking sales
Samstag, 27. April 13

101. Avoidpure
colorgradients
Samstag, 27. April 13

102. Samstag, 27. April 13

103. Samstag, 27. April 13

104. Samstag, 27. April 13

105. Samstag, 27. April 13

106. Samstag, 27. April 13

107. Samstag, 27. April 13

108. Samstag, 27. April 13

109. Respectthe
color blind
Samstag, 27. April 13

110. 6%
94%
Samstag, 27. April 13

111. Samstag, 27. April 13

112. Samstag, 27. April 13

113. Checkyour
colorswiththe
colororacle
Samstag, 27. April 13

114. http://colororacle.org
Samstag, 27. April 13

115. http://colororacle.org
Samstag, 27. April 13

116. Saygoodbyeto
red-green
colorscales
Samstag, 27. April 13

117. http://www.smartmoney.com/map-of-the-market/
Samstag, 27. April 13

118. http://www.smartmoney.com/map-of-the-market/
Samstag, 27. April 13

119. http://www.smartmoney.com/map-of-the-market/
Samstag, 27. April 13

120. http://www.smartmoney.com/map-of-the-market/
Samstag, 27. April 13

121. Samstag, 27. April 13

122. Samstag, 27. April 13

123. Samstag, 27. April 13

124. original simulation
corrected simulation
Samstag, 27. April 13

125. Indoubt,use
Colorbrewer
Samstag, 27. April 13

126. http://colorbrewer2.com
Samstag, 27. April 13

127. Maps
Samstag, 27. April 13

128. Samstag, 27. April 13

129. Don‘tusethe
Mercatorprojection
forworldmaps
Samstag, 27. April 13

130. Samstag, 27. April 13

131. Samstag, 27. April 13

132. Samstag, 27. April 13

133. Samstag, 27. April 13

134. Samstag, 27. April 13

135. Samstag, 27. April 13

136. OmittingGreenland
won‘tfixyour
Mercatorworldmap
Samstag, 27. April 13

137. EqualAreaProjection
Samstag, 27. April 13

138. xkcd.com/977Samstag, 27. April 13

139. xkcd.com/977Samstag, 27. April 13

140. xkcd.com/977Samstag, 27. April 13

141. Sizesymbolsbyarea
–notdiameterorradius
Samstag, 27. April 13

142. Samstag, 27. April 13

143. Samstag, 27. April 13

144. 1 2 3 4 5
Samstag, 27. April 13

145. 1 2 3 4 5
Samstag, 27. April 13

146. 1 2 3
4 5
Samstag, 27. April 13

147. 1 2 3 4 5
Samstag, 27. April 13

148. 1
5
Samstag, 27. April 13

149. 1
5
1
1
1 1
1
Samstag, 27. April 13

150. A = π r
2
Samstag, 27. April 13

151. A = π 1
2
1
Samstag, 27. April 13

152. π
1
Samstag, 27. April 13

153. A = π 5
2
5
Samstag, 27. April 13

154. 25π
5
Samstag, 27. April 13

155. 25π
5
π
1
Samstag, 27. April 13

156. 5
11 1 11
11 1 11
11 1 11
11 1 11
11 1 11
Samstag, 27. April 13

157. 5
1
11
11
Samstag, 27. April 13

158. 5
1
11
11
r = 5
Samstag, 27. April 13

159. 5
1
11
11
r = 2.236
Samstag, 27. April 13

160. 5
1
11
11
r = 2.236
Samstag, 27. April 13

161. 1 2 3 4 5
Samstag, 27. April 13

162. 1 2 3 4 5
Samstag, 27. April 13

163. Samstag, 27. April 13

164. Samstag, 27. April 13

165. http://en.wikipedia.org/wiki/File:Nightingale-mortality.jpg
Samstag, 27. April 13

166.      
     



 
 








 
 







              
   
            
          
            
         
             
         
             
   
Samstag, 27. April 13

167.      
     



 
 









 
 








              
   
            
          
            
         
             
         
             
   
Samstag, 27. April 13

168. Recommended
readings..
Samstag, 27. April 13

169. DanaM.Wong
graphicsdirectorforTheWall
StreetJournal(2001–2010)
Samstag, 27. April 13

170. DanaM.Wong
graphicsdirectorforTheWall
StreetJournal(2001–2010)
Samstag, 27. April 13

171. DanaM.Wong
graphicsdirectorforTheWall
StreetJournal(2001–2010)
Samstag, 27. April 13

172. DanaM.Wong
graphicsdirectorforTheWall
StreetJournal(2001–2010)
Samstag, 27. April 13

173. Jean-lucDoumont
Samstag, 27. April 13

174. Jean-lucDoumont
Samstag, 27. April 13

175. ProPublicaNewsAppStyleGuide
github.com/propublica/guides/blob/master/news-apps.md
Samstag, 27. April 13

176. Findtheslidesonline@http://vis4.net/perugia
Samstag, 27. April 13