Introduction

For the KNMI we have been tasked to create an interactive data visualization tool about the effect COVID-19 had on the NO₂ during the first wave of COVID-19 (March 2020 - June 2020).

Link to the data viz.

This project have been developed with Next.js with create-next-app.

About this project

This project is created with Next.js, a React framework for production, it allows for hybrid static & server rendering, route pre-fetching and more. We picked this framework to develop the tool to keep the tool readily available for when KNMI or policymakers wish to use it.

This tool helps the user to figure out what kind of impact COVID-19 had on the amount of pollutants and will help policymakers to make their next big decision regarding said pollutants.

The data we used within this project originates from aqicn, a non-profit project who's mission it is to make citizens aware of air pollution and to provide those with a unified and world-wide air quality information. They receive data from more than 130 countries, covering more than 30,000 stations in 2000 major cities.

Getting started

To run this project on your own machine follow the following steps:

1. Clone the project to the local machine

git clone https://github.com/sjagoori/KNMI.git

2. Install the required packages

# For NPM 
npm install
# for yarn
yarn

3. run the development server:

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.

Learn More about Nextjs

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.