Skip to content

🚉 interactive NYC subway map that adjusts distance based on travel time

Notifications You must be signed in to change notification settings


Repository files navigation

NYC Travel Time Map


How does it work?

The main page is index.html, but most of the code is in map.js. map.js uses d3.js to render the map based on JSON data generated by a couple Python scripts.

If you'd like to set this up yourself, you'll need to unzip the file into this directory, then run python3 and python3 to generate the required subway.js and gtfs_json.js files. These are required by virtual_rider.js, which implements Djiksta-like algorithm for simulating a rider's journey from a starting stop throughout the system. virtual_rider.js is invoked by map.js whenever a stop is clicked, and the results are used to shift the distance of each stop away from the clicked stop.

Adapting to another city

If your city's transit system provides data in the GTFS format, you can probably get this map working fairly well for it. Here's a rough set of steps, which may be incomplete:

  1. Download and unzip the gtfs data, and place the folder (rename it google_transit if it's not called that already).

  2. Use Python 3 to run This generates a file called subway.json, which you'll need.

  3. Use Python 3 to run — this generates a new copy of the schedules/ folder and its contents.

Feel free to post an issue if you have any questions!


🚉 interactive NYC subway map that adjusts distance based on travel time






No releases published


No packages published