A Map of Delays

Visualizing delays on Toronto’s streetcar network

This project visualizes data for each delay-causing incident happened on Toronto’s TTC streetcars network during the year 2016.
 
The map-based, interactive application aims to provide an overview of the effects of delays over the network, giving information about the duration and the location of incidents, the direction of the delayed streetcars, the reported cause as well as additional statistics. Interactive commands allow users to select specific routes and compare them, as well as to filter the data based on different variables. 

A Map of Delays

Visualizing delays on Toronto’s streetcar network

This project visualizes data for each delay-causing incident happened on Toronto’s TTC streetcars network during the year 2016.
 
The map-based, interactive application aims to provide an overview of the effects of delays over the network, giving information about the duration and the location of incidents, the direction of the delayed streetcars, the reported cause as well as additional statistics. Interactive commands allow users to select specific routes and compare them, as well as to filter the data based on different variables. 

The size of symbols is proportional to the duration in minutes of each incident. Red circles represent delay (delay in minutes to the transportation schedule), while yellow ones represent gap (gap in minutes between the preceding streetcar and the delayed one). 

The visualization aims to provide an overview of the effects of delays over the network, giving information about the duration and the location of incidents, the direction of the delayed streetcars, the reported cause as well as additional statistics. Interactive commands allow the selection of specific routes and their comparison, as well as to filter the data based on different variables (hour of incident, month of the year and reported cause). 

The size of symbols is proportional to the duration in minutes of each incident. Red circles represent delay (delay in minutes to the transportation schedule), while yellow ones represent gap (gap in minutes between the preceding streetcar and the delayed one). 

The visualization aims to provide an overview of the effects of delays over the network, giving information about the duration and the location of incidents, the direction of the delayed streetcars, the reported cause as well as additional statistics. Interactive commands allow the selection of specific routes and their comparison, as well as to filter the data based on different variables (hour of incident, month of the year and reported cause).

Hovering on circles triggers a tooltip which adds a further layer of information to the map. Besides information and data about the selected area, the tooltip offers a unique “compass” diagram for each specific location. This depicts both quantitative (number of delays and durations), qualitative (delays versus gaps) and spatial (directions) information. 

Toronto’s Open Data Portal provides datasets about delay events on the city’s public transportation network (TTC). 

After some early trials with a topographic approach, I decided to simplify the visualization towards a more schematic direction, using the official TTC network map image as a blueprint. 

Some sketches depicting the visual concepts used to design the map and represent incidents at each location. Circles symbolizing delays and gaps are not drawn centered on the location’s coordinates, but are translated of a value equal to their radius (half the duration in minutes) according to the specific direction for each incident, thus allowing the visualization of both spatial and quantitative values wihtin the same diagram. 

A Map of Delays
Year: 2018
Project type: academic – Information Design 4 course, MDes program, York University
Specs: interactive map-based visualization developed using the Processing programming language
Data: TTC streetcar delays
Code: coming soon!

Privacy Settings
We use cookies to enhance your experience while using our website. If you are using our Services via a browser you can restrict, block or remove cookies through your web browser settings. We also use content and scripts from third parties that may use tracking technologies. You can selectively provide your consent below to allow such third party embeds. For complete information about the cookies we use, data we collect and how we process them, please check our Privacy Policy
Youtube
Consent to display content from Youtube
Vimeo
Consent to display content from Vimeo
Google Maps
Consent to display content from Google