Code Monkey home page Code Monkey logo

mobility-map's Introduction

Dylan's Mobility Service Map

View live map

screenshot

This project is an interactive visualization of my mobility service provider trips. I aggregated data from Uber, Jump, Lyft, and Lime in order to make this map.

Explore trips across multiple cities using the grid view, filter trips by time with the histogram date filter, or explore total distance travelled by provider.

How this was made

Data access

Uber provides a handy data download tool that provides access to all Uber trips, UberEATS orders, and JUMP trips. Submit a request for your data and it should be ready to download in a few hours.

Lyft enables a download of your trips through the Ride History in the mobile app. You can email yourself a CSV of your recent trips.

Lime was a little more difficult to get a copy of my data. They do not provide an easy export of your trip data like Uber and Lyft. Since I had used Lime in Berlin, I was eligible to request a copy of data under Article 15 of GDPR - Right of access by the data subject. Nearly 2 months and 10+ emails later with Lime, I finally received a copy of my data.

Enriching the data

Except for Lime, my trips data only included start and end addresses. The actual path travel was not included in the data downloads. In order to draw polylines on the map, I used the HERE Routing API to calculate the estimated route from the starting point to the ending point. This process happened in the prep/index.js file.

Visualizing the Data

  • React was used to build the client UI
  • deck.gl was used for the geospatial visualizations

Installation

git clone https://github.com/dbabbs/mobility-map.git
cd mobility-map
npm install
npm start

Make your own map

You are welcome to recreate this project with your own mobility data.

prep/index.js is a helpful script to help wrangle and enrich your data into the proper GeoJSON format. Once you run your data through that script, it can be plugged into the React application.

mobility-map's People

Contributors

dbabbs avatar dependabot[bot] avatar stevenroussey-privicy avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.