Skip to content

Interactive Visualization of San Fransisco Trips data using React, Redux, Mapbox, deck.gl, Elasticsearch, Docker

Notifications You must be signed in to change notification settings

dishankmehta/SFTripVis

Repository files navigation

SFTripVis

This is an interactive map visualization app which visualizes the San Fransisco Trips data.
The user can filter the data by Trips, Dates and Hours to gain more insight in the data.
The project is developed using React, Redux, Mapbox, Deck.gl, Elasticsearch, Nginx and Docker.

Quickstart

Clone the git repository or download the zip.

git clone https://github.com/dishankmehta/SFTripVis.git

If you have Docker (or Docker Toolbox) installed on your computer you can directly do:

chmod +x deploy.sh (For Linux/MacOS, For Windows use Docker shell)
./deploy.sh And head towards localhost:5000 in your browser.

Note: If you are using Docker Toolbox then in your browser you may go to 192.168.99.100:5000, where 192.168.99.100 is the docker machine ip when using Docker Toolbox. If you still can't open the app then do docker-machine ip in your Docker Toolbox Shell to find out your docker machine ip.

If you don't have Docker then do the following to run it locally:

cd SFTripVis
npm install or yarn install

The app uses Elasticsearch, if you have elasticsearch configured in your local and assuming it runs on localhost:9200 do the following:

Create a virtual environment using python3( python -m venv envname ) python2 (virtualenv envname)
pip install -r requirements.txt
python extract_files.py
python elastic.py

once the data has been pushed do:

npm start or yarn start
react-scripts will automatically open the app in your default browser on localhost:3000.

About

Interactive Visualization of San Fransisco Trips data using React, Redux, Mapbox, deck.gl, Elasticsearch, Docker

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published