Datawrapper

Example of a Datawrapper graph.

About

Datawrapper allows you to create interactive charts and graphs using tabular data; this data can be uploaded as an Excel or CSV file, copied and pasted into the Datawrapper interface, or have a Google Sheet connected to it.

To Get Started

To start using Datawrapper, you will need:

  • An email to create your account
  • Data to upload to Datawrapper. You can upload a spreadsheet (XLS/XLXS/CSV), copy and paste data into the Datawrapper interface, or link to a Google Sheet. The Google Sheet must have link sharing enabled for it to work.

Datawrapper’s free plan should be powerful enough for most student projects.

We recommend reviewing the following before beginning:

Tutorials

Datawrapper’s Academy page contains several walkthroughs to get you started. We recommend the following that give you ideas of what Datawrapper is capable of, and how to create some basic visualizations:

More advanced documentation is available at the Datawrapper Academy page.

Examples

The Datawrapper Academy has an Examples page with several versions of the different visualizations you can create.

Embedding Datawrapper

While you can directly link to a Datawrapper visualization, sometimes you will want to include it as part of a larger website. Datawrapper Academy’s How to embed visualizations is a good place to start.

Using WordPress

To embed a Datawrapper visualization into a WordPress site:

  1. Create a Datawrapper visualization and Publish it.
  2. Change the option to Visualization only and copy the link that appears by clicking on the clipboard icon to the right of the link. It should look similar to the link in the image below. Paste that copied link into your WordPress post and the visualization will appear.
Settings to embed a Datawrapper visualization into a WordPress site.

Example Visualization in WordPress

Data source: FBI Crime Data Explorer

Best Practices

  • Include the source of your data if you gathered it from another source. A caption will be available, this will be a good spot to put that in.
  • The visualization should be clear enough that it should stand on its own. However, it can be helpful to give your audience some additional context or information that explains why you are including the visualization, and what conclusions you feel they should draw from it.
css.php