NYC Subway Ridership

A frontend-only React app, providing visualization of daily NYC Subway ridership and trends using turnstiles data, inspired by wanting to see the impact of COVID-19 on transit usage. Heavily relies on aggregated daily turnstiles data by qri. Some front-end elements sampled from The Weekendest and goodservice.io.

Project was started with using Create React App. Uses Mapbox for maps, Semantic UI React for UI elements, Nivo for graphs.

See it live at https://www.subwayridership.nyc.

Running locally

brew install yarn
yarn install

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

• Download datasets from qri:

  • NYC Subway Turnstiles Counts - 2020, copy csv file over to data/turnstile_counts_2020.csv
  • Optional: NYC Subway Turnstiles Counts - 2019, copy csv file over to data/turnstile_counts_2019.csv
  • NYC Turnstiles Station List, copy csv file over to data/turnstile_station_list.csv

node scripts/generateStationJson.js
node scripts/generateDataJson.js

yarn start

Inspirations:

• https://iquantny.tumblr.com/post/612712380924903424/mapping-fridays-30-drop-in-nyc-subway-ridership
• https://medium.com/qri-io/taming-the-mtas-unruly-turnstile-data-c945f5f96ba0