Saudi COVID-19 map using Kepler.gl | Live demo

This is a react-based map web app built with Kepler.gl. It visualizes the data of two layers:

1. COVID-19 Cases In Saudi Arabia Regions that includes statistics about the total confirmed, deaths, recovered, and active COVID-19 cases for each region.

2. COVID-19 Cases In Saudi Arabia Governorates that includes the same statistics about COVID-19 but for each governorate located in a specific region.

Check a live demo of the app.

---

Available Scripts

Development Mode:

npm install

• Installs the required dependencies from package.json.

npm start

• Runs the app in the development mode.
  
• Open http://localhost:3000 to view it in the browser.
• The page will reload if you make edits.

Production Mode:

docker-compose up -d

• Builds a docker image with the minified build version of the app which is done by npm run build command internally.
• It correctly bundles the app in production mode and optimizes the build for the best performance.
• Open http://localhost:7070/ to view it in the browser.

docker-compose up -d --build

• Build a new docker image associated with the latest changes that you would made.

---

How to create a Map app with Kepler.gl

In this guide, you shall learn how to build and visualize a large amount of location data in your browser using kepler.gl and ReactJS.

You will be able to perform data analysis in Kepler.gl by adding data to a map, fetching layers from a web service (e.g. GeoServer), adding filters, and more cool features to explore.

• Introduction
• Installation and Requirements
• Integrate Kepler into React
• Fetch and display data on map
• Additional tweaks and customizations

---

Edit this guide

This guide is built using Material for MkDocs.

To view it locally:

1. virtualenv -p python3 env_name Create a Python Virtual Environment
2. source <env-path>/bin/activate Activate the environment
3. pip install -r requirements.txt Install the required packages.
4. mkdocs serve Serve the guide on http://localhost:8000/.