Project is deployed with github pages at https://msarauer.github.io/climate-globe-deployed/

Description

This project is a 3D rendered globe that aims to show global temperature changes over time. Various graphs of green house gas concentrations are also added to reinforce the main message being climate change.

Features

The following features have been implemented in our application as of July 17, 2021:

• View a 3D rendered globe
• View various graphs of green house gas emissions
• Data scraped from online database and formatted to render correctly on globe

Tech Stack

• Language: TypeScript
• Framework: React
• Component Libraries: Material UI, react-globe.gl, d3
• CSS Preprocessor: Sass

Screenshots

Main view of globe in dark mode.

Main view of globe in light mode.

First example of charts of global gas emissions over time.

Second example of charts of global gas emissions over time.

Setup

From the root directory install dependencies with

yarn

Start Project

From the root directory

yarn run start