Historical SF Muni Wait Times

An interactive exploration of how the headways of San Francisco Muni routes has changed throughout the decades.

Try it at: https://sfstreetcars.co/headways

This repo is pretty light, and takes no setup to run besides opening index.html. It runs on Vue.js!

Data format

The data is included in data/headways.js in this format:

let Data = {
  'Route Name': [
    {
      "Year": 1932
      "Time of Day Min": 5  //minutes
      "Time of Day Max": 10 //minutes. Repeat previous value if the headway was not a range.
    }
  ]
}

Selecting which years to show

The layout of the page is set up to display the headways for 4 different years at once. To change which years are displayed, update this line in app.js:

data: {
  years: [1932, 1949, 1981, 2019, 1973],
...

The app will use the first four values in the array as the years to show. If data for any of those years is not included for the selected route, the app will use the next years in the array as fallbacks.