Datawrapper 

Quick Start

This tool lets you create & publish charts in very short time. This post shows the workflow to do that. 

Overview


1.

Four steps and your done

How Datawrapper works in a quick overview

2.

What you can do with your charts

Features you can use for your charts

3.

Publish your charts

Interactive and responsive or as static image

Four steps and your done

If you want to give Datawrapper a first try, here is a very quick overview to show you how this tool works. You don't have to be an expert, you don't have to read a bulky manual. Datawrapper works like a powerful assistant walking you through four main steps to get your task done.

Below is a screenshot. You are guided from one step to the next.

Tipp: You can always jump backward or forward between the steps below. Datawrapper stores the most recent changes automatically. 

This Quick Start Tutorial will take no longer than a few minutes to read/scan, then you are good to go to produce your first chart. Just try to forget all the negative experiences from the past, Datawrapper is really simple to use. Smart features help you to create a chart that is clear, responsive (for mobile users on small screens) and correct - meaning that we automatically apply rules of good chart and map making to your creations. 

Ready? Let's go for a quick walkthrough that might change how you create charts forever. 

Step 1: Upload data

Click on: 

In this example simply use some of the sample data we provide to let users try out Datawrapper and the various chart and map types you can produce.

Below you see how the Datawrapper screen looks in step 1, where you upload your data. 

The big empty field in the middle will let you "copy and paste" data from any spreadsheet program into the tool. Alternatively you can upload a .CSV file. 

To use Datawrapper every day the best way is to memorize this: First the data, then the chart. Your data can be a simple development over time, a comparison or any other meaningful data. A relevant chart can be build on complex data, but very often what is used is cleaned, relatively simple and aggregated data which then reveals a development or change. You find such data on the web and then prepare the data in a spreadsheet program like Excel or Google Sheets (or any other). Datawrapper then helps to quickly visualize what is so far hidden in raw data. 

Some people argue that you can do the visualizations in Excel. We would say that Excel is great for preparation and that Datawrapper then speeds up the steps to actually publish a visualization to the web including your companies visual style and logo. Instead of tinkering for an hour you should be able to publish in minutes after doing a few simple charts.

Below is a screenshot showing you how the data will look after you being pasted from your spreadsheet program. Don't worry if it looks a bit different. We actually use step 1 to make sure nor hidden fields or characters are in the data. To check we move to step 2. 

In this quick start tutorial we use some data for different models of the BMW 3 series (as in the screenshot above).  

Use sample data to try out Datawrapper: You can load this data by simply choosing the dataset from the left drop It's merely an example, but you will see how helpful even a good table can be to understand information better and quicker. 

Note: We have tutorials for all of our visualization types, e.g. line charts, bar charts and so on. Just go to the homepage of the Datawrapper Academy to check out the specific tutorials for other visualization types.

Step 2: Check the data

Step two in the Datawrapper process can be used in two ways: Very quickly, just to check whether the data has been understood by Datawrapper.Or a bit more extensively to quickly transform numbers, formats, etc. We show you how to do that below, it's simple and easy. 

Here what you can do in this step:

- "First row as a label". This is important, for any visualization software: One row should be only descriptions/labels. Please remember to always have a row with labels in your spreadsheet and make sure you copy this too before pasting into Datawrapper. Datawrapper will try to detect this automatically. 

- Output locale: This is a feature we added to support different number formats from around the world. For example most English/US number formats would be 1,000.00 (comma as thousands separator, dot as decimal separator. In many European countries it is the other way round (1.000,00). To avoid confusion for readers the number locale can be set to display all larger numbers correctly. 





Other Interesting Tutorials

How to create a Stacked Column Chart

Learn how to create a stacked column chart in minutes with Datawrapper.

View Guide

All-new line charts

Datawrapper has completely revamped line charts: More responsive, cleaner and with annotations.

View Guide