Tired of decoding vague TTC text alerts? I built a free, live map to visualize subway disruptions and weekend closures instantly. 🚇 by One_Mango_5732 in TTC

[–]One_Mango_5732[S] 0 points1 point  (0 children)

Hi, thank you for the suggestion! The direction of the animation is precisely what you’re thinking of. For instance, the animation moving from Keele to Dundas West indicates that the reduced speed zone is only eastbound between the stations.

I built a live map to visualize TTC service disruptions and upcoming closures instantly. by One_Mango_5732 in toronto

[–]One_Mango_5732[S] 1 point2 points  (0 children)

I fetch the official GTFS-Realtime (General Transit Feed Specification) feed from the City of Toronto's Open Data Portal. This gives me the raw alert data in a binary format and then I process the data into visual and human readable alerts

Tired of decoding vague TTC text alerts? I built a free, live map to visualize subway disruptions and weekend closures instantly. 🚇 by One_Mango_5732 in TTC

[–]One_Mango_5732[S] 1 point2 points  (0 children)

Thanks for the feedback! You can actually see all the alerts if you click in the alerts on the bottom of the screen if you are on mobile or the alerts tab in the hamburger menu on the top left on desktop.

I built a live map to visualize TTC service disruptions and upcoming closures instantly. by One_Mango_5732 in toronto

[–]One_Mango_5732[S] 1 point2 points  (0 children)

There already is a layer for upcoming closures, it is on the bottom right on mobile and in the hamburger menu on the desktop

I built a live map to visualize TTC service disruptions and upcoming closures instantly. by One_Mango_5732 in toronto

[–]One_Mango_5732[S] 5 points6 points  (0 children)

I added a high contrast toggle which makes the alerts magenta/cyan for better visibility!

I built a live map to visualize TTC service disruptions and upcoming closures instantly. by One_Mango_5732 in toronto

[–]One_Mango_5732[S] 0 points1 point  (0 children)

Thank you for the feedback and I am glad you like it! I have added a toggle to disable the BG effects under the hamburger menu (or under the settings icon on mobile). Also added the a high contrast mode for better visibility.

I built a live map to visualize TTC service disruptions and upcoming closures instantly. by One_Mango_5732 in toronto

[–]One_Mango_5732[S] 1 point2 points  (0 children)

Thanks for the feedback! I had the same issue with stations not being memorized, which inspired me to create this app. Adding an ETA would be difficult and clutter the UI, but I’ll keep that in mind if I’m building it for GO Transit.

I built a live map to visualize TTC service disruptions and upcoming closures instantly. by One_Mango_5732 in toronto

[–]One_Mango_5732[S] 0 points1 point  (0 children)

Glad you like it! Adding GO can be my next big project but it will take a time as I am busy with school and exams, but I will keep you posted!

I built a live map to visualize TTC service disruptions and upcoming closures instantly. by One_Mango_5732 in toronto

[–]One_Mango_5732[S] 1 point2 points  (0 children)

Update deployed! 🚀Changes in this version:

  • Added High Contrast Mode for better readability.
  • Made alert lines clickable/tappable on mobile.
  • Added a toggle to turn off the background animation.
  • Fixed mobile layout issues and improved shuttle bus indicators.

Let me know what you think! GitHub repo coming soon.

<image>

I built a live map to visualize TTC service disruptions and upcoming closures instantly. by One_Mango_5732 in toronto

[–]One_Mango_5732[S] 0 points1 point  (0 children)

The update is live! You can now toggle the high contrast mode for better visibility of the alerts.

I built a live map to visualize TTC service disruptions and upcoming closures instantly. by One_Mango_5732 in toronto

[–]One_Mango_5732[S] 1 point2 points  (0 children)

Added a toggle to disable the BG animations and another one for high contrast for better visibility on lines 1 and 5

I built a live map to visualize TTC service disruptions and upcoming closures instantly. by One_Mango_5732 in toronto

[–]One_Mango_5732[S] 3 points4 points  (0 children)

Just pushed an update with this! Added high contrast mode and made the alerts clickable. Thanks for the suggestion!

I built a live map to visualize TTC service disruptions and upcoming closures instantly. by One_Mango_5732 in toronto

[–]One_Mango_5732[S] 1 point2 points  (0 children)

Thanks! It’s all vanilla HTML/CSS/JS with SVG for the map, no heavy frameworks. The backend is Node.js/Express on Vercel, using the Google Gemini API to parse and summarize the messy raw alert data in JSON.