IxD Experiments with coordinated views and GTFS data

I have a bunch of small ideas based on GTFS data and one of the things they have in common is that I want to combine Map and UI interaction. In this small experiment I wanted to figure out how to coordinate views between a map view and traditional web-components.

Experiment 1: Coordinated views between map route and range slider

Experiment II: Coordinated view between map and list of bus stops

Stop Arrival time

Details

I downloaded the Danish GTFS data from Rejseplanen. I wrangled the GTFS data into a seperate file for the transit route I’m interested in (Midttrafik).

I use Leaflet and Leaflet.GeometryUtil to render the route as a polyline and add the interactive elements.