Covid Maps, data and API calls

  •  
  •  
  •  
  •  
  •  
  •  
  •  

This is the initial Covid information panel I created, using Excel from Web to scrape the Ministry of Health website for current data, then using Excel to create the webpage I cut/passted column into a Text editor and saved the file. Go HERE for actual information page.

This site has the Map with more information if you hover the mouse over the map regions or dots, and also a Table from Google Charts & a bar chart using amChart. The information is static, both on the right hand side.

I had to daily go and activate the Excel sheet>data>refresh all to get the latest information from the site. If some of the tables expanded or were moved I had to rebuild part of the site, so prior to posting it I had to chek the data.

The next iteration uses API data (Application programming interface) from several JSON files and displays summary data, a dynamic chart using Chart.js and a Datawrapper Table on the right and an Air quality widget and the central map that is all generated using JavaScript (vanilla) and JS Template literals as shown below. Go HERE for actual web page.

This page fetches the latest information from the API’s and generates it, so there is no requirement to manually update the information. But, because it is going and fetching the information, processing it and then rendering it, it is slower to render on screen.

I was interested in generating the data, both pages are designed for Desktop screens and do not render well on Tablet or Mobile devices. If required, responsive pages can be developed.


  •  
  •  
  •  
  •  
  •  
  •  
  •