Creating COVID-19 Heat Map for Specific Countries

If you’re using the plugin to create maps for individual countries with data about the new coronavirus (COVID-19), here are some tips on how to do it.

Portugal confirmed cases by municipalities

March 26 2020

Updated on March 26th, 14:00
Municipalities with less than 3 cases are not included

March 25 2020

Updated on March 25th, 21:00
Data only represents ~50% of total confirmed cases.


Getting the data

The data available might not be formatted the way you want. If you’re displaying a small country with a small number of regions, you can add the data manually to each region. In the example above for Portugal, the data is released in a table in PDF format, so it’s not available to be used directly by the plugin. I first needed to convert that data into JSON and then use it as a custom data source for the map. Consider the id property of your JSON entries, should match either the real region ID or the name. The plugin won’t be able to recognize entries that don’t match either.

I wrote a couple of other articles on how to use external data sources to feed the map automatically, but this will require javascript knowledge.

Creating the Map

Once you know where you’ll get the data from and have selected the map, you can create it. Here are some links that will help:

If you have any question feel free to leave a comment below or contact me.

Building an Interactive Map of the Roman Empire

It’s always interesting to see how the maps change throughout history, they are one of the most powerful visual ways to see historic information. Below is an example of a map for the Roman Empire, which lasted a few centuries and included large territorial holdings around the Mediterranean Sea in Europe, North Africa and West Asia.



The plugin itself doesn’t include a map of Roman Empire regions, but since we can use custom geoJson files, after some online search I came across a map for it which I then adapted to use with the plugin, also using the overlay option to display it in the normal world map focused on the Mediterranean sea.


Live filter on map with vector icons

The challenge today was to replicate an existing map that a client already had online in a website, but needed more flexibility. Requirements:

For this project we used the overlay technique, which allows us to display multiple maps in the same base map and filter them if necessary either with a legend or an external live filter. So we create 4 maps:

  • Map for International Projects
  • Map for National Projects
  • Map for Biennials
  • Base map, with the 3 maps above in overlay

This is the result:

  • All
  • Bienals
  • International Projects
  • Nacional Projects

It’s worth noting also that we used the option to load content from a raw data source, a specific CSV format. This allowed us to import the data from the already existing map.

If you want to replicate a specific map let us know and we’ll see what we can do.

Venice Map using custom source

While the plugin doesn’t include city maps, you can use custom geojson files as the source for the maps. I followed the instructions and got the source for the map of Venice (Italy) and placed it on github to be able to use it with the plugin. Here’s the result below:



The map for Venice might not be the best example, since we would expect to see the water areas. Unfortunately those maps are more dificult to come by, since it’s much easier to find region/city maps divided by administrative borders. However this is an example on how you can display maps that the plugin doesn’t include.

Feel free to contact us with any questions on how to achieve this.