This is a weekend project that I built to try improve my javascript and p5js skills. The ideas and tools I have used all come mostly from the coding train. YouTube channel.
(Disclaimer, this is my first "serious" javascript project so it can be improved)
The website can be accessed at david.masponte.com/vacunes-cat/. The user can input any municipality in Catalonia and obtain the percentage of vaccinated people in that municipality both with a representative plot and a bar chart. The number of male and female figures represents the number of doses given to women and men (probably not the most straight-forward design). This image is from 20th of June.
This website is only a client-side application that queries a couple of databases offered by the Generalitat de Catalunya and displays the data with interactive graphics.
The main vaccinatio API can be accessed here . It generates a json file with an element per day that contains how many first or second doses were administered for any given town.
To test locally the changes in your browser you can run a
local server with
any python installation in your machine. Then go to
http://localhost:8000/.
python -m http.server