1 of 233

Welcome!

These are workshop slides for teaching Datawrapper, created by the Datawrapper team.

Visit this blog post to learn more:

blog.datawrapper.de/training

You can use these slides for all kinds of commercial and noncommercial workshops without attributing us. You can also print these slides, but only in a (commercial/noncommercial) workshop context – as soon as you want to sell prints of (parts of) these slides, get in touch with us at support@datawrapper.de.

If you want to use these slides, copy them (File > Make a copy).

Presenter notes – please remove this slide from the final presentation

2 of 233

Version history

Jan 2020: 1.0 (first version), as described in this announcement blog post

Oct 2021: 1.1, updated design of all “module” slides

Nov 2021: 1.2, updated all exercises with our latest Datawrapper features (new annotation tool, new map upload) and up-to-date screenshots

Oct 2023: 1.3, updated the first exercise. It used the dataset “Trust in media reporting”, now it uses “Rural vs urban population”. We made the change because the “Trust” dataset was too outdated to remain in the sample datasets in Datawrapper, so we removed it from there.

December 2025: updated the slides with brand new styles, as well as updated the datasets

Presenter notes – please remove this slide from the final presentation

3 of 233

What you’ll find in these slides

You’ll find four modules and five exercises �on the next roughly 240 slides:

Modules (click on one to go there):

1 Introduction to Datawrapper

2 Datawrapper vis types

3 Datawrapper resources

Exercises (click on one to go there):

1 Let’s build a line chart with Worldbank data

2 Let’s build a stacked bar chart

3 Let’s build a choropleth map with IMF data

4 Let’s build a locator map of our city

Presenter notes – please remove this slide from the final presentation

4 of 233

How to give a workshop

We’ve given many Datawrapper workshops over the years and gathered some experience we’re happy to share on the following slides.

You might apply a lot of this advice already, if only unconsciously, but reminders don’t hurt.

Presenter notes – please remove this slide from the final presentation

5 of 233

"Good preparation makes for half the rent" we say in German, which doesn't make much sense, but you get the idea: Prepare well and your workshop will go well.

Be aware of your goals. What should your attendees remember after your workshop? If they just should get an overview of what Datawrapper has to offer, consider demo-ing most features quickly and let your audience watch. If your attendees should be able to visualize data themselves at the end, have attendees follow on their own laptop.

Keep in mind that Datawrapper is just half of data visualization. We found that while Datawrapper is a simple piece of software, the main challenge is to find & download the data for your visualisation, and clean it up. Consider exercises that go the whole way – from data source over clean up to final visualization. If your workshop is to short to do so, give your attendees a list of simple data sources to start with and how-to articles about data cleanup, and your email address / Slack name in case they need help in the future.

Prepare for different levels. While some of your workshop attendees might be Excel pros, others don't even have it installed. When downloading and preparing data is part of your workshop, consider keeping an URL to the polished data handy for the ones that couldn't follow the steps so far.

Leave space for confusion and questions. Everything you're teaching is clear to you (by now), but for your workshop attendees, the content is a lot to take in. Give your attendees 10 second breaks to think through what you’re teaching. Consider deleting a slide here and there, and consider moving the least important exercise to the back (after the "Thank you!" slide), to be flexible.

Leave space for creativity. You will teach different kinds of people: Some love to follow your instruction and won’t explore Datawrapper on their own, and some will like to play around with the options and take creative decisions. Make sure that people on any point of the spectrum feel comfortable: Give plenty of instructions, but also give time and encourage "experiment time" here and there. Many of your workshop attendees will feel more proud of the chart they build when it looks different (e.g. in colors, title, etc.) than the charts the others built.

Advice for preparing Datawrapper workshops

6 of 233

Teach everyone. It’s easy to focus on the people who quickly grasp what you’re saying: They give you the feeling that you’re doing a good job as a trainer. But you will have a bigger impact when teaching people who you might judge as “slow” or “shy”. Make sure everyone (really: everyone) is on the same page.

Happily repeat things what might seem obvious to you and most of the attendees but one or two.

Don't just listen to the attendees in the first row who are heavily nodding when you ask "Everyone there?", but consider asking questions like "Who of you could create these three annotations?" to see who doesn't put their hand up.

Be friendly and approachable. Create a failure-happy, open atmosphere in which workshop attendees feel comfortable asking questions and talking about their problems. Laugh about your own silly mistakes. Smile, have an open body language (remind yourself to not cross your arms all the time during the workshop!).

Encourage questions. Before and during the workshop, encourage attendees to ask questions in between. (I like to say: “If you have questions, please, please ask them. I love questions!”) Nothing distracts an attendee more than a question s/he ponders but doesn’t feel comfortable asking out loud. Questions are often the only feedback you get from the attendees: They tell you what you could explain better or what needs more explanation. Questions will make you at giving workshops in the future.

Be humble & listen. You happen to have more knowledge about Datawrapper, but that doesn’t mean that the opinions and experiences of the workshop attendees are not important. Listen. Thank them for sharing their experience or praise their question: “I’ve never thought about that”, “That’s a great question! You’re right that…”

If you’re in a hurry and need to interrupt, apologize for doing so: “I’m sorry, I’m afraid I need to interrupt you here. We’re running out of time. You have important questions/points there, though. Can we talk about it after the workshop?”

Advice for giving Datawrapper workshops

7 of 233

If attendees bring their own laptops and follow along, there will be stuff that just doesn’t work for them – because they didn’t delete their cache and see an old version of Datawrapper, because they made mistakes while pasting the data, etc. That’s how we deal with them:

The keyboard is lava. Don’t touch the keyboard or mouse of the attendees. People learn best by doing things themselves, so explain which buttons to push, but don’t push them yourself. Only if you need to fix problems with the command line, developer tools or complicated Excel formulas or HTML code – meaning, only if **you don’t want that person to learn** something –, you might use their keyboard. Don’t just grab it, but ask: “Sorry, that seems a bit more complicated. I can quickly fix it – would you mind if I use your keyboard?”

Explain why something needs to be done. Don’t just give instructions, but explain the reasons for these instructions: “We now want to do x. To do so, we first need to y – if you click on this button there, you can see how the chart changes.” instead of: “Click here…yes…now here…ok…now here…”

Treat attendees and their problems with respect. Be polite. Don’t make them feel like they are an annoyance to you because they have a problem or haven’t figured out things as quickly as others have. Communicate that you’re more than happy to help. (“Could you have a look?” – “Yes, sure, no problem! I’ll be with you in a second.”). Build rapport with a smile and with agreeing with them (“You’re right, we should fix that.”). In most cases, they will sit. Try to sit down next to them instead of bending over them. In the best case, the attendee is on your eye-level or above your eye-level, but never below.

Take care of individual problems, but don’t spend too much time on them. In the best case, you have an assistant in the workshop who can help out and take care of individual problems. If you’re giving the workshop alone, try to fix the problem quickly. (You will be able to do so most of the time.) If that’s not possible, tell the attendee that you’ll continue for now, but are happy to have a look at the problem later (e.g. during an exercise or during the break).

Sometimes, other attendees are happy to help. Let them, and encourage them** to do so: Admire their skills & knowledge or thank them. Don’t interrupt them, just add information if necessary.

Advice for helping individuals during Datawrapper workshops

8 of 233

Introduction

to Datawrapper

Introduces Datawrapper and its core features: Responsiveness, hover effects, themes, pricing, users.

Presenter notes – please remove this slide from the final presentation

9 of 233

Visualizing Data with Datawrapper

Your role

Speaker name

10 of 233

45 min

About Datawrapper

Overview of maps

75 min

Overview of charts & tables

75 min

Resources

15 min

What is Datawrapper?

and let’s create a locator map and a choropleth map

and let’s create a line chart and a stacked bar chart

and time for questions

Agenda

11 of 233

45 min

About Datawrapper

Overview of maps

75 min

Overview of charts & tables

75 min

Resources

15 min

What is Datawrapper?

and let’s create a locator map and a choropleth map

and let’s create a line chart and a stacked bar chart

and time for questions

Agenda

12 of 233

Your name

What you’re doing

13 of 233

Datawrapper is a web application

14 of 233

Upload data

Edit chart

Publish

1

2

3

15 of 233

Upload data

Edit chart

Publish

1

2

3

16 of 233

Upload data

Edit chart

Publish

1

2

3

17 of 233

Publish your visualizations for Web

18 of 233

zeit.de

Datawrapper examples

19 of 233

spiegel.de

Datawrapper examples

20 of 233

nytimes.com

Datawrapper examples

21 of 233

Various online publications

Datawrapper examples

22 of 233

Datawrapper visualizations are interactive

23 of 233

Datawrapper visualizations are interactive

24 of 233

Datawrapper visualizations are responsive

25 of 233

Datawrapper visualizations support dark mode

26 of 233

Other features of Datawrapper

27 of 233

Colorblind check

(datawrapper.de/blog/colorblind-check)

Other features of Datawrapper

28 of 233

Other features of Datawrapper

29 of 233

Datawrapper visualizations can be customized to your style

30 of 233

Export your visualizations for Print

Free plan

31 of 233

Export your visualizations for Print

Custom & Enterprise plans

32 of 233

Export as vector formats to edit further

Export for Print

33 of 233

Export as vector formats to use in print publications

Export for Print

34 of 233

Collaborate in teams with shared folders and archive

35 of 233

Collaborate in teams with comments

36 of 233

Collaborate in teams with live editing

37 of 233

Collaborate in teams with edit history

38 of 233

39 of 233

Datawrapper vis types

Shows some chart types you can build, all map types (choropleth, symbol, and locator map), and table features.

Presenter notes – please remove this slide from the final presentation

40 of 233

45 min

About Datawrapper

Overview of maps

75 min

Overview of charts & tables

75 min

Resources

15 min

What is Datawrapper?

and let’s create a locator map and a choropleth map

and let’s create a line chart and a stacked bar chart

and time for questions

Agenda

41 of 233

What can you create with Datawrapper?

Charts

Maps

Tables

42 of 233

What can you create with Datawrapper?

Charts

Maps

Tables

43 of 233

Line Charts

Create charts in Datawrapper

44 of 233

Line Charts

Create charts in Datawrapper

45 of 233

Stacked Bars

Create charts in Datawrapper

46 of 233

Dot Plots

Create charts in Datawrapper

47 of 233

Multiple Donuts

Create charts in Datawrapper

48 of 233

Scatter Plots

Create charts in Datawrapper

49 of 233

Scatter Plots

Create charts in Datawrapper

50 of 233

Scatter Plots

Create charts in Datawrapper

51 of 233

Scatter Plots

Create charts in Datawrapper

52 of 233

What can you create with Datawrapper?

Charts

Maps

Tables

53 of 233

With colored rows and columns

Create tables in Datawrapper

54 of 233

Color cells by category

Create tables in Datawrapper

55 of 233

Add Bar and Line Charts

Create tables in Datawrapper

56 of 233

Add images

Create tables in Datawrapper

57 of 233

Heatmaps

Create tables in Datawrapper

58 of 233

Make it searchable

Create tables in Datawrapper

59 of 233

What can you create with Datawrapper?

Charts

Maps

Tables

60 of 233

45 min

About Datawrapper

Overview of maps

75 min

Overview of charts & tables

75 min

Resources

15 min

What is Datawrapper?

and let’s create a locator map and a choropleth map

and let’s create a line chart and a stacked bar chart

and time for questions

Agenda

61 of 233

Let’s build a line chart

with Worldbank data

Covers the whole process from the data to a visualization with fancy annotations. Includes cleaning up the data, although Excel skills are not necessary. Prepare the data set beforehand and hand them out as Google Sheet link if you want to shorten the exercise and/or make it easier.

Difficulty: 3 / 5

Time: 20-30 min when demoing / 40-90 min when attendees follow along

Exercise 1

Dataset: The Worldbank dataset about unemployment in all countries between 1991-2019. We prepared the exercise so that the resulting chart shows unemployment in European countries, but the exercise is built in a way that the resulting chart can compare the unemployment rates in any country.

Focus: Line chart settings, cleaning up data for use in Datawrapper, how to use colors, annotations and highlight ranges to make a strong statement with a chart. Also touches on: How to navigate the Worldbank Data Portal, the difference between data file types (CSV, Excel, XML), why and how to use transpose, why and how to test for mobile readers, number formats, how to write a chart title, share & embed settings after publishing.

Presenter notes – please remove this slide from the final presentation

62 of 233

This is what your workshop attendees will build in this exercise:

Exercise 1

Let’s build a line chart

with Worldbank data

Presenter notes – please remove this slide from the final presentation

63 of 233

Go to data.worldbank.org

64 of 233

65 of 233

66 of 233

Go to sheets.new

67 of 233

68 of 233

69 of 233

1st step: Remove the rows above the header

70 of 233

2nd step: Remove unnecessary columns

71 of 233

3rd step: Remove unnecessary rows

72 of 233

Ready to copy & paste to Datawrapper!

73 of 233

Go to datawrapper.de

74 of 233

75 of 233

76 of 233

77 of 233

78 of 233

79 of 233

80 of 233

81 of 233

82 of 233

83 of 233

84 of 233

85 of 233

86 of 233

87 of 233

88 of 233

89 of 233

90 of 233

91 of 233

92 of 233

93 of 233

94 of 233

95 of 233

96 of 233

97 of 233

98 of 233

99 of 233

100 of 233

101 of 233

102 of 233

Let’s build a

stacked bar chart

Short exercise to show the different available Datawrapper chart types while talking about the essentials of chart making like responsiveness and colors.

Difficulty: 2 / 5

Time: 10-20 min when demoing / 30-60 min when attendees follow along

Exercise 2

Dataset: The Datawrapper sample dataset “Rural and urban population”

Focus: Which chart types Datawrapper offers and when to use which one, how to use colors to make charts understandable, stacked bar chart settings.

Also touches on: Pie/Donut chart settings, why and how to use transpose, why and how to test for mobile readers, number formats, share & embed settings after publishing.

Presenter notes – please remove this slide from the final presentation

103 of 233

This is what your workshop attendees will build in this exercise:

Exercise 2

Let’s build a stacked bar chart

Presenter notes – please remove this slide from the final presentation

104 of 233

Go to datawrapper.de

105 of 233

106 of 233

107 of 233

108 of 233

109 of 233

110 of 233

111 of 233

112 of 233

113 of 233

114 of 233

115 of 233

116 of 233

117 of 233

118 of 233

119 of 233

120 of 233

121 of 233

122 of 233

123 of 233

124 of 233

125 of 233

126 of 233

127 of 233

128 of 233

129 of 233

130 of 233

131 of 233

132 of 233

133 of 233

134 of 233

135 of 233

136 of 233

45 min

About Datawrapper

Overview of maps

75 min

Overview of charts & tables

75 min

Resources

15 min

What is Datawrapper?

and let’s create a locator map and a choropleth map

and let’s create a line chart and a stacked bar chart

and time for questions

Agenda

137 of 233

What can you create with Datawrapper?

Charts

Maps

Tables

138 of 233

Choropleth Maps

Create maps in Datawrapper

139 of 233

Choropleth Maps

Create maps in Datawrapper

140 of 233

Symbol Maps

Create maps in Datawrapper

141 of 233

Choropleth and Symbol Maps with over 4000 administrative boundaries

Create maps in Datawrapper

142 of 233

Choropleth Maps

Create maps in Datawrapper

143 of 233

Choose your administrative boundaries

Create maps in Datawrapper

144 of 233

Upload or request the boundaries you need

Create maps in Datawrapper

Need a map Datawrapper doesn’t offer?

Upload your own GeoJSON:

or send a request to the Datawrapper team:

support@datawrapper.de

145 of 233

Let’s build a choropleth map

with IMF data

This exercise uses data that comes directly from the IMF data portal “World Economic Outlook Database”. There’s no need to clean the numbers up in a spreadsheet software before importing them to Datawrapper. That makes it fairly easy to experience the whole process from data to map (although you’ll need to make extra sure every attendee follows along in the IMF data portal, otherwise they might get stuck).

Difficulty: 2 / 5

Time: 10-20 min when demoing / 40-70 min when attendees follow along

Exercise 3

Dataset: Unemployment data by the International Monetary Fund (IMF) in all countries for the current or last year. We prepared the exercise so that the resulting map shows unemployment in European countries, but the exercise is built in a way that the resulting map can show unemployment on any continent.

Focus: Choropleth map settings, how to use colors to best point out the difference between center European nations & Southern European nations.

Also touches on: How to navigate the IMF Data Portal, how maps are great for showing patterns, how hard it is to “read” values out of maps, how to show multiple values in tooltips, how to write a chart title, share & embed settings after publishing.

Presenter notes – please remove this slide from the final presentation

146 of 233

This is what your workshop attendees will build in this exercise:

Exercise 3

Let’s build a choropleth map with IMF data

Presenter notes – please remove this slide from the final presentation

147 of 233

Maps can only show one value

Let’s build a choropleth map

148 of 233

Maps are great for showing patterns

…but make it hard to extract precise numbers.

Let’s build a choropleth map

149 of 233

150 of 233

Go to data.imf.org and search for the unemployment rate data

151 of 233

152 of 233

153 of 233

154 of 233

155 of 233

156 of 233

Go to app.datawrapper.de/select/map

157 of 233

158 of 233

159 of 233

160 of 233

161 of 233

162 of 233

163 of 233

164 of 233

165 of 233

166 of 233

167 of 233

168 of 233

169 of 233

170 of 233

171 of 233

172 of 233

173 of 233

174 of 233

175 of 233

176 of 233

Locator Maps

Create maps in Datawrapper

177 of 233

Locator Maps

Create maps in Datawrapper

178 of 233

Upload your own areas and lines as GeoJSONs

Create maps in Datawrapper

179 of 233

Shaded relief

Create maps in Datawrapper

180 of 233

Add markers

Create maps in Datawrapper

181 of 233

Let’s build a

locator map of our city

Choose this easy exercise if your attendees should have an good-looking map at the end without the need to tackle data first. Or make the exercise far more challenging and include a lesson on how to import GeoJSON markers/areas/lines.

Difficulty: 1 / 5

Time: 5-20 min when demoing (depending on how many locator map settings you will show) / 15-40 min when attendees follow along

Exercise 4

Dataset: None. The markers show the favorite places of your workshop attendees.

Focus: Creating & formatting markers and other locator map settings. Also touches on: Why and how to test for mobile readers, share & embed settings after publishing.

Presenter notes – please remove this slide from the final presentation

182 of 233

This is what your workshop attendees will build in this exercise:

Exercise 4

Let’s build a locator map of our city

Presenter notes – please remove this slide from the final presentation

183 of 233

Go to app.datawrapper.de/select/map

184 of 233

185 of 233

186 of 233

187 of 233

188 of 233

189 of 233

190 of 233

191 of 233

192 of 233

193 of 233

194 of 233

195 of 233

196 of 233

197 of 233

198 of 233

199 of 233

Datawrapper resources

Lists and explains where workshop attendees can get help or inspiration when working with Datawrapper in the future (Academy, blog, newsletter, changelog, support, River, Twitter). This will most likely be the last part of your workshop.

Presenter notes – please remove this slide from the final presentation

200 of 233

45 min

About Datawrapper

Overview of maps

75 min

Overview of charts & tables

75 min

Resources

15 min

What is Datawrapper?

and let’s create a locator map and a choropleth map

and let’s create a line chart and a stacked bar chart

and time for questions

Agenda

201 of 233

Datawrapper Resources

Academy

academy.datawrapper.de

Documentation

Support

support@datawrapper.de

Confused? Write us.

Webinars

datawrapper.de/webinars

Topical deep dives

Blog

datawrapper.de/blog

Announcements & inspiration

River

app.datawrapper.de/river

Visualizations by other users

Social media & newsletter

@datawrapper datawrapper.de/blog/newsletter

Keep up to date

Changelog

datawrapper.de/changelog

The latest changes

API docs

developer.datawrapper.de

Automate your process

202 of 233

Want to learn more about Datawrapper?

Academy

academy.datawrapper.de

Documentation

Support

support@datawrapper.de

Confused? Write us.

Webinars

datawrapper.de/webinars

Topical deep dives

Blog

datawrapper.de/blog

Announcements & inspiration

River

app.datawrapper.de/river

Visualizations by other users

Social media & newsletter

@datawrapper datawrapper.de/blog/newsletter

Keep up to date

Changelog

datawrapper.de/changelog

The latest changes

API docs

developer.datawrapper.de

Automate your process

203 of 233

Datawrapper Academy

Academy

Learn more about Datawrapper

204 of 233

Datawrapper Academy

Academy

Learn more about Datawrapper

205 of 233

Datawrapper Academy

Academy

Learn more about Datawrapper

206 of 233

Directly in the app

Academy

Learn more about Datawrapper

207 of 233

Support Team

Support

Learn more about Datawrapper

Write to support@datawrapper.de

208 of 233

Datawrapper webinars

Webinars

Learn more about Datawrapper

209 of 233

Looking for inspiration?

Academy

academy.datawrapper.de

Documentation

Support

support@datawrapper.de

Confused? Write us.

Webinars

datawrapper.de/webinars

Topical deep dives

Blog

datawrapper.de/blog

Announcements & inspiration

River

app.datawrapper.de/river

Visualizations by other users

Social media & newsletter

@datawrapper datawrapper.de/blog/newsletter

Keep up to date

Changelog

datawrapper.de/changelog

The latest changes

API docs

developer.datawrapper.de

Automate your process

210 of 233

Datawrapper Blog

Blog

Where to find inspiration

211 of 233

Weekly Charts

Blog

Where to find inspiration

212 of 233

How-to articles

Blog

Where to find inspiration

213 of 233

Data vis do’s and don’ts

Blog

Where to find inspiration

214 of 233

Data Vis Dispatch

Blog

Where to find inspiration

215 of 233

Datawrapper River

River

Where to find inspiration

216 of 233

Are you curious about the latest developments at Datawrapper?

Academy

academy.datawrapper.de

Documentation

Support

support@datawrapper.de

Confused? Write us.

Webinars

datawrapper.de/webinars

Topical deep dives

Blog

datawrapper.de/blog

Announcements & inspiration

River

app.datawrapper.de/river

Visualizations by other users

Social media & newsletter

@datawrapper datawrapper.de/blog/newsletter

Keep up to date

Changelog

datawrapper.de/changelog

The latest changes

API docs

developer.datawrapper.de

Automate your process

217 of 233

Feature announcements

Blog

Up to date with developments

218 of 233

Datawrapper newsletters

Newsletter

Up to date with developments

219 of 233

Bluesky

Social media

Up to date with developments

220 of 233

Mastodon

Social media

Up to date with developments

221 of 233

LinkedIn

Social media

Up to date with developments

222 of 233

Datawrapper Changelog

Changelog

Up to date with developments

223 of 233

Do you want to automate your workflows?

Academy

academy.datawrapper.de

Documentation

Support

support@datawrapper.de

Confused? Write us.

Webinars

datawrapper.de/webinars

Topical deep dives

Blog

datawrapper.de/blog

Announcements & inspiration

River

app.datawrapper.de/river

Visualizations by other users

Social media & newsletter

@datawrapper datawrapper.de/blog/newsletter

Keep up to date

Changelog

datawrapper.de/changelog

The latest changes

API docs

developer.datawrapper.de

Automate your process

224 of 233

Datawrapper API docs

API docs

Automate your workflows

225 of 233

Datawrapper API docs

API docs

Automate your workflows

226 of 233

DatawRappr – a Datawrapper package for R

API docs

Automate your workflows

227 of 233

DatawRappr – a Datawrapper package for R

Blog

Automate your workflows

228 of 233

datawrapper – a Datawrapper package for Python

API docs

Automate your workflows

229 of 233

datawrapper – a Datawrapper package for Python

Blog

Automate your workflows

230 of 233

datawrapper – a Datawrapper package for Python

Blog

Automate your workflows

231 of 233

Datawrapper webinars

API docs

Automate your workflows

232 of 233

Datawrapper Resources

Academy

academy.datawrapper.de

Documentation

Support

support@datawrapper.de

Confused? Write us.

Webinars

datawrapper.de/webinars

Topical deep dives

Blog

datawrapper.de/blog

Announcements & inspiration

River

app.datawrapper.de/river

Visualizations by other users

Social media & newsletter

@datawrapper datawrapper.de/blog/newsletter

Keep up to date

Changelog

datawrapper.de/changelog

The latest changes

API docs

developer.datawrapper.de

Automate your process

233 of 233

Thank you!

Any questions?

support@datawrapper.de

yourname@yourorg.com