In pop-up, provide indication of which line is which

[TransitScreen]

In some pop-ups, textual information is provided for multiple lines. Currently there is no way for the user to map those textual data to the graphical transit lines on the map. This will become a bigger issue when real-time info becomes available.

Possible solutions:

1. Color-coding lines and text to match each other
2. In the pop-up, provide a graphical heading indicators for lines, e.g. an eastward line would have an small sparkline icon like --> and a southward line would show v. "Heading" could be calculated relative to the line terminus, but I think it makes more sense to measure it locally, e.g. count out 5 stops, and compute the angle of the vector between that stop and the nearest stop.
3. Using spatial arrangement or ordering of lines in the pop-up box to somehow indicate direction.

I am partial to #2, which would also be a useful bit of spatial information to add to real-time displays, which are completely textual.

[TransitScreen]

In addition to the above "static" ways of linking graphical lines to text info, there are also "dynamic" possibilities, e.g. click a line in the pop-up and the linked line on the map will be highlighted or isolated.

While potentially useful, these possibilities could require the user to click on the UI a large number of times to discover which line is which, and so are less efficient and probably less user friendly. Also, they wouldn't work for real-time displays.

[chosak]

Good idea. I think option 1 is the easiest to do, but option 2 would be nicer. It would take a bit more design work to automatically figure out how to do this in a nice way, especially if you have several routes that start out along the same path and then diverge later. Color-coding lines would also require some trickery depending on if and how issue #7 is solved.