davidcalhoun / deckgl-all-things-open-2022

Repo for "Visualizing Large Greenhouse Gas Datasets in the Browser With deck.gl" talk at All Things Open 2022

Home Page:https://youtu.be/GWevJpYSBz4

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

deck.gl @ All Things Open 2022

Repo for Visualizing Large Greenhouse Gas Datasets in the Browser With deck.gl

The goal of this visualization: answer the question "where are the biggest methane emissions and who is responsible"?

Also check out the talk slides!

Installation

  1. Install Node.js, which comes with npm.
  2. $ git clone git@github.com:davidcalhoun/deckgl-all-things-open-2022.git && cd deckgl-all-things-open-2022
  3. $ npm install
  4. Create an account at mapbox.com
  5. Copy your "Default public token" from https://account.mapbox.com/access-tokens/
  6. Create a new file named .env.local in the root directory. This file is in .gitignore and shouldn't be checked into Github.
  7. Open .env.local and add this line (be sure to paste your token): MAPBOX_ACCESS_TOKEN=PASTE_YOUR_TOKEN_HERE
  8. Edit src/index.js with the Step you want to run (Step 1 by default).
  9. $ npm start

Step by step previews

Step 1

Step 1

Step 2

Step 2

Step 3

Step 3

Step 4

Step 4

Step 5

Step 5

Step 6

Step 6

About

Repo for "Visualizing Large Greenhouse Gas Datasets in the Browser With deck.gl" talk at All Things Open 2022

https://youtu.be/GWevJpYSBz4

License:MIT License


Languages

Language:JavaScript 91.2%Language:HTML 6.2%Language:CSS 1.7%Language:Shell 0.9%