https://github.com/G2Jose/wheres-my-ttc

A visualization of near-realtime TTC vehicles using react-map-gl & nextbus API
https://github.com/G2Jose/wheres-my-ttc

react ttc visualization

Last synced: about 1 month ago
JSON representation

A visualization of near-realtime TTC vehicles using react-map-gl & nextbus API

• Host: GitHub
• URL: https://github.com/G2Jose/wheres-my-ttc
• Owner: G2Jose
• Created: 2017-05-14T05:29:46.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2018-02-26T05:32:47.000Z (over 6 years ago)
• Last Synced: 2024-05-08T14:31:56.538Z (4 months ago)
• Topics: react, ttc, visualization
• Language: JavaScript
• Homepage: https://georgejose.com/projects/livetransit
• Size: 3.76 MB
• Stars: 19
• Watchers: 4
• Forks: 4
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Where's my TTC?

[![Build Status](https://travis-ci.org/G2Jose/wheres-my-ttc.svg?branch=master)](https://travis-ci.org/G2Jose/wheres-my-ttc)

A near-realtime visualization of Toronto Transit Commission vehicles using [react-map-gl](https://github.com/uber/react-map-gl) & [nextbus API](https://www.nextbus.com)

Deployed at [https://georgejose.com/projects/livetransit/](https://georgejose.com/projects/livetransit/)

[Medium Blog](https://blog.georgejose.com/visualizing-transit-vehicle-locations-on-a-map-in-real-time-67a97c77cbe3)

### Screenshots



	



### Features

- View locations of vehicles

- Click and drag to pan map

- Scroll to zoom

- Color indicator on all markers that range from red to green depending on when location was last updated

### Planned Features

- Optimize rendering further by only rendering markers that fall within a specific threshold of map bounds

- Mobile support using hammer.js

- Ability to enter an address

- Ability to toggle display of specific routes

### Contributors Welcome!