US Map for COVID-19 in WordPress

If you’re using this plugin to build a map to report on the number of cases of the new coronavirus disease (COVID-19), following up on the latest article showing how you could create a map of the world using real-time data from external sources, in this example I’ll provide some custom code to build a US specific heat map.

We use data made available by NovelCovid API.

Most of the technical details are described in the previous post. We’ll jump straight to the important details. If you’re using the plugin, you can download the export file for the map above.

This map is just an example, you can do this to any country or even county maps if you have the data available. You can also add the data manually instead of reading from the external source.

If you have any question about this, leave a comment below or contact me.

4 Replies to “US Map for COVID-19 in WordPress”

  1. Hi Carlos,

    This is a great product you have, and it is proving to be very useful indeed during this COVID-19 period.

    I would like to use data from a Google Spreadsheet to create a heatmap. Can you provide an example or specific instructions on how I could do this? Ideally, it would be nice if you could build this functionality into the plugin. I am already using Wp DataTables to create some other charts for COVID-19 tracking, using data from Google Sheets. I only come in daily, and update the latest numbers into the spreadsheet and the charts are automatically updated as well. Unfortunately, the guys at WP DataTables do not have heat maps as an options among the charts they offer, but this is good fortune for you and I think you will get even more people interested if you could implement above request.


    1. Carlos Moreira April 27, 2020 at 1:58 pm

      Hi Josh
      Yes, this is possible. I’ll try to create some tutorials explaining this soon! cheers


  2. Juaquin Grace June 28, 2023 at 6:26 am

    How can i add state abbreviations to the us map.


    1. Carlos Moreira June 30, 2023 at 9:28 am

      Here are instructions on how to add automatic labels to the map:


Leave a Reply

Your email address will not be published. Required fields are marked *