How to import point markers

👉 This article explains how to import point markers from an external source. You can also add point markers directly in Datawrapper. To learn how, visit the article "How to add and delete point markers."

To learn how to import area and line markers, visit the article "How to import area and line markers."

To import point markers (specific locations) to Datawrapper locator maps, you need a GeoJSON or CSV. In this article, we will look at both options. To import them, you'll need to turn on the switch in step 1: Add markers:

There you have the option to upload a valid GeoJSON or a CSV. You can also copy and paste a GeoJSON into the text area at the bottom. 

1

How to prepare a CSV with point markers

To upload point markers, prepare a CSV with latitudes in one column and longitudes in another column: 

lat,lng
13.40477,52.544416
-44.94993,64.774125
-59.94146,31.952162

If you copy and paste these four lines into a text document and then save it with a .csv extension, you can import the file to Datawrapper with a click on the "Import GeoJSON or CSV" button. Make sure that the first line in your CSV (your "column headers") are "lat" and "lng."   

👉 You can add properties like "name" or "color" to the CSV as additional columns, to style the points before importing them into Datawrapper. For more information and a list of supported property names, visit the article "How to style your markers before importing them to Datawrapper."

2

How to prepare a GeoJSON with point markers

In order to import your points to Datawrapper with a GeoJSON, it needs to... 

  • be a valid JSON file (check validity with this online tool).
  • have less than 100 points.
  • be smaller than 2MB. The larger your file, the longer it takes for your map to load for those who are viewing your map, and for editing the map.
  • use the WGS-84 coordinate system (EPSG:4326 projection).
  • include coordinates.

It's ok if your GeoJSON includes additional information and properties, like in the following GeoJSON. There, we find properties like "description", "image" or "address." Datawrapper will ignore this information:

Once you have a GeoJSON ready, copy and paste it into the text area or click on "Import GeoJSON or CSV."

👉 You can add properties like "name" or "color" to the GeoJSON, to style the points before importing them into Datawrapper. For more information and a list of supported property names, visit the article "How to style your markers before importing them to Datawrapper."

Related Articles