blahblahblah- / theweekendest

Real-time New York City subway service map

theweekendest

This is a React app that relies heavily on goodservice.io's APIs to dynamically generate real-time route maps for the New York City subway with the help of Mapbox, particularly useful when service changes regularly occur on weekends and overnights.

A Mapbox theme was created for this project and has been made public.

See it live at https://www.theweekendest.com.

Running locally

• Sign up for an account with Mapbox, get a token and add it to an .env file as MAPBOX_TOKEN.

• Download Stations.csv from the MTA's website and drop it in /src/data/files

• To have nice looking paths, download the GTFS schedule files from MTA at http://web.mta.info/developers/developer-data-terms.html (agree to the terms, look for "GTFS" then download the data for New York City Transit). You'd need to parse out the shapes.txt file from the GTFS package. I wrote a script that takes .csv files to generate these paths. Each .csv file is expected to be a contiguous path for a train route. I took the first shape path (with some exceptions) for each route in shapes.txt and dumped each into its own .csv file before running it.

ruby src/data/generate_json.rb
ruby src/data/generate_transfers_json.rb
yarn install
yarn start

Inspirations:

• http://web.mta.info/weekender/servicestatus.html
• https://subwayweekender.wordpress.com
• https://www.i-want-to-ride-an-electric-citi.bike
• https://saadiqm.com/2018/03/28/react-mapbox-gl-js-updating-data-source.html
• https://blog.mapbox.com/mapping-the-dc-metro-d4da611555e8

Subway Route Symbols ®: Metropolitan Transportation Authority. Used with permission.

theweekendest's Issues

Bugfix: Trains Stop Past Station Blocks

When boarding a train sitting at a station, the train icon on TheWeekendest sits beyond the station dot on the map.

7 train countdown times

Today I noticed that the countdown times for the 7 train weren't working normally. They were showing things like 1 min, 1min or DueDueDue, 1 min. Screenshot at 19:41 today 2021-03-11:

Broadway via Bridge/Tunnel renders incorrectly?

As shown here, uptown N trains are listed as running via the Montague St Tunnel, the bridge platforms at Canal St are shown receiving bidirectional service, the Broadway local platforms at Canal St are hown receiving uptown-only service, and no service is shown at the stations between Court St (Brooklyn) and City Hall.

When I checked the MTA website and subsequently refreshed theweekendest.com, I didn't find any such service change, so I suspect this issue was caused by a single Queens-bound N train being rerouted via the tunnel. Once that train passes City Hall, there would be no subsequent N service expected to run via tunnel and so no service would be (correctly) shown. If subsequent Queens-bound N trains were routed via the bridge, it would be correct to show bidirectional service at the bridge platforms. I don't have logs of subwaytime to investigate this issue to validate or falsify my hypothesis.

Startup gives only black screen

When I open this on my phone (Moto G6, Android 9), I briefly see the startup screen. It then goes completely black after a few seconds.

I have been using this site for 1-2 years and have not encountered this before.

Add tooltips to train bullets or station symbols?

Would it be possible to add some additional information when hovering over the train bullets or stop indicators if there are service changes? Without leaving the page and looking for the legend, it isn't always clear what a half-filled circle means.

See screenshots:

You could even take this to the next level and add a popover or overlay when you hover over the bullets to give more information or format the information more cleanly. This popover could give upcoming transfer information at that stop, etc.