A simple d3.js-based COVID-19 dashboard for the Philippines 🇵🇭.
The datasets are taken from the DOH COVID-19 data drop. Note that the dataset period ranged from 25 Apr 2020 to 26 Feb 2021.
The COVID-19 dashboard comprises two parts: (1) the pane for the current cases and (2) the trends through time per region.
There are two dropdown menus that allow users to choose between visualizing the actual cases or the cases per 100k population.
The following variables are used in the COVID-19 dashboard:
- Daily cases
- Daily deaths
- Daily recoveries
- Asymptomatic cases
- Mild cases
- Severe cases
- Critical cases
- Total cases
- Total died
- Total recovered
Asymptomatic, mild, severe, and critical cases are based on 1 and 2.
The pane for the current cases (top part) comprises a scrollable Philippine map that is dissected into its component regions, as well as the "current" COVID-19 case count. As mentioned, users have the ability to view the actual cases or the cases per 100k population.
The pane for the per-region COVID-19 trends (bottom part) appears once the user selects a region on the current case pane.
The COVID-19 trends pane is a combination of a bar graph and a line chart, which respectively represent the actual and 7-day moving average COVID-19 cases per region. The user has two options to view the pane: (1) zooming between the cases 2 weeks ago, for that month, or the entire dataset duration; or (2) using the sliding window below the pane.
If you have questions about this visualization, feel free to shoot me an email at jprmaulion[at]gmail[dot]com. 🫶🏽