An interactive web app for visualising worldwide trends in Covid-19 data.
This project can be viewed live online.
This project utilizes several dependencies, which can be installed with:
pnpm install --shamefully-hoist
Note
The --shamefully-hoist
flag is required.
Starting the development server on localhost can be done with:
pnpm run dev
Note
Nuxt will first have to initialise, which can take some time (~20 seconds) before the project structure is loaded and hot-reloading is available.
Running a production build instead can be done with:
pnpm run build
pnpm run preview
This project uses a subset of the publicly available "Data on COVID-19" dataset made by Our World in Data. Specifically, three measures are derived:
total_cases
- The total number of cases for a given country.people_vaccinated
- The total number of people who recieved at least one dose in a given country.total_deaths
- The total count of deaths attributed to Covid-19 in a given country.
This was then merged into the properties of each country in the publicly available geo-countries
GEOJSON map sourced from Natural Earth data.
This project uses a subset of the publicly available "Data on COVID-19" dataset made by Our World in Data. Specifically, three measures are derived:
total_cases
- The total number of cases for a given country.people_vaccinated
- The total number of people who recieved at least one dose in a given country.total_deaths
- The total count of deaths attributed to Covid-19 in a given country.
This was then merged into the properties of each country in the publicly available geo-countries
GEOJSON map sourced from Natural Earth data.
TOOL | USAGE | DOCS |
---|---|---|
Vercel |
Hosting | docs |
Nuxt |
Framework | docs |
Vue |
JS Framework | docs |
TailwindCSS |
Styling | docs |
Nuxt UI |
UI Components | docs |
Observable Plot |
Data Visualisation | docs |
All work completed by Zoe Picone, Nathan Bridge-Earney, and Sam Mata in submission for SWEN422.