This app draws the real-time positions of San Francisco's buses and trains (SF Muni) using d3.js. SF Muni locations are drawn from http://www.nextbus.com/xmlFeedDocs/NextBusXMLFeed.pdf.
- d3.js https://d3js.org/
- topoJSON https://github.com/topojson/topojson
- http-server
- Clone repo
npm install
- Run
http-server -p 8001 -c-1
to run your local server - Go to localhost:8001
- Develop UI to allow user to input route
- remove vehicle's previous position. In the absence of an animating marker, I am appending to svg as opposed to overwriting markers. This is to show that the data does update.
- Update time
t
, the time when the data was last fetched from the Nextbus JSON feed.