/magicbox-kepler-app

Visualizing MagicBox data on country maps using KeplerGL

Primary LanguageJavaScript

MagicBox Kepler Demo

Chat on Gitter Maintainability Test Coverage

To see new features, checkout dev branch

live demo

This project has:
  • an express backend that serves a default config.json to kepler-demo.
  • a "Save Config" button that replaces old default map with current map.
Below are two sample schools from Kyrgyzstan, colored according to their level of connectivity to the internet.

screenshot

Docker

bash setup.sh
vi ./client/.env # update REACT_APP_MAPBOX_ACCESS_TOKEN
docker-compose up

Developer Background

This demo is built on Kepler.gl. Here are a couple sources for learning how to work with Kepler:

Kepler itself is built on Redux. An understanding of Redux is helpful for any changes to the UI. Redux has a basic tutorial that covers key concepts.