Alek-S / chicago-traffic-visualizer

Chicago Traffic Visualizer

chicago Data Visualizer

Uses City of Chicago data to create multiple layers of 3D visualizations superimposed on top of a map of the Chicago area utilizing Uber's deck.gl.

Get Started

After cloning the repo, run the following commands in your terminal (For API token, register here):

1. npm install

2. export MapboxAccessToken=[API KEY]

3. npm start

Primary Libraries/Packages Used

• React
• Uber deck.gl
• styled-components
• react-dat-gui

Folder Structure

• 📁 components
  • React components
• 📁 data
  • City of Chicago data
• 📁 generateData
  • Data transformation python scripts
• 📁 utils
  • 📁 enums
• 📁 webgl
  • layers and shaders for use with webgl/deck.gl
• 📄 app.js
• 📄 theme.js