Scarlet

Randomly generated and trimmed

Allow users to geospatially and interactively determine where public transport services are judge the quality of connections. Visual emphasis must be placed on route selection, and vehicles traveling on and to those routes.

UI Design

UI for presentation
Style guide
Lewis ready file (no zooming script and svg)
Current train times

Data

Public Transport Victoria GTFS data

Precedents

TRAVIC
D3 flight visualisation demo
Public transport graphic design collateral
transitmap.net Pinterest
MBTA
PTV mode colours 📙bus #FF8201 📗tram #78BE21 📘train #0172CE 💜regional #911C92

Scope

Prototype using Caulfield group (Pakenham, Cranbourne and Frankston) train lines and intersecting tram and bus routes via the City Loop through D3v4.
Display transport vehicles traveling on these lines in real-time by interpolating stop times. TRAVIC is a relevant example.
Aim for the quality of Uber, to clearly see vehicles and vehicle mode/route neatly.
And more if we can.

Timeline

Team Member	Tuesday	Wednesday	Thursday
Dom	Project management + doc, design ideas	Design and web wireframe/assets	HTML/CSS magic + assets, manually find mode connections for faux nearest neighbour
Kizza	D3 nodes, on Node + doc	Stop nodes	Vehicle nodes, service info display
Lewis	D3 route investigation	Working routes	Routes/node animation

Friday: presentation.

All of the above, then beer.

Quick start

Make simple server

var express = require('express'),
    app = express();
var process = require('process'),
    args = process.argv;

publicPath = args[2];
console.log("Serving from: " + publicPath);
app.use(express.static(publicPath));
app.listen(8080);

node simpleServer.js servingDirectory

npm install express