This project features data visualization of transit train schedules. The web application was generated with Angular CLI version 1.0.1. D3 is used to parse and display the data in interactive ways.
- Set project root as working directory in CLI after cloning repo.
- Run
$ npm install
. - Run
$ bower install
. - Run
$ ng build
. - Run
$ ng serve
. - Visit
localhost:4200
in web browser.
$ ng new vismot
$ cd vismot
$ ng g c home
$ bower init
$ bower install bootstrap --save
$ ng g c schedule-tables
$ npm install d3-ng2-service --save
$ ng g c marey
$ ng g class trip.model
$ ng g class route.model
- TypeScript
- Angular
- D3
- npm
- Bower
- JSON
- Bootstrap
- Display programmatically table of stop times for LA Metro's westbound Purple Line.
- Draw conceptual route path of line with corresponding station highlighted when data element in table is moused-over.
- Create Marey diagram for schedule.
- Add ability to graph multiple lines and directions on same graph.
- Improve animation based on mouse-over along time axis on diagram.
- Add additional lines, in order: Red, Gold, Expo, Green, Blue.
- Create filter controls for which lines, directions, and day of week for display.
- Handle interlining/through-routing (i.e. one vehicle changes lines along its complete route).
- Compile API for visualizing any transit system, using pre-formatted data.
- Add pages for other transit systems, incorporating their GTFS as the raw datasets that get parsed.
No known bugs.
Run ng build
to build the project. The build artifacts will be stored in the dist/
directory. Use the -prod
flag for a production build.
Run ng test
to execute the unit tests via Karma.
Run ng e2e
to execute the end-to-end tests via Protractor.
Before running the tests make sure you are serving the app via ng serve
.
To get more help on the Angular CLI use ng help
or go check out the Angular CLI README.
Please contact [email protected] with questions or concerns.
MIT License
Copyright (c) 2017 Patrick McGreevy