Chicago Train Visualization

The original rail system map image was found at the CTA's map page.

Runs best in a browser that has javascript acceleration (Firefox 3.5/Chrome). Trains are only added/removed at the beginning of the line.

I created this to test out some jQuery and javascript animation ideas I had. There is no
real practical use for it now. Think of it as a model railroad without the constant derailments.

Train Instructions

  • Hover: Pauses and Selects Train
  • Click: Reverses Selected Train
  • Double Click: Deletes Selected Train

Controls

  • Power:
  • Display:
  • Animation: (affects performance)
  • Speed

    Interval: 1000ms
    Processing Time: 0ms

  • Trains

    Max Trains: 25
    Current Trains: 25

Black Line

  • Requires at least two stops to have trains added
  • Click Map: Create Stop
  • ENTER: Show Marker Crosshair
  • w/a/s/d: Move Marker Crosshair
  • 1/2/3: Change Marker Crosshair Movement Scale
  • e: Output Marker Crosshair Coordinates
  • http://jakedowns.me/ Jake Downs

    This is pretty cool. I’ve never even thought about what an animated CTA map would look like. I think it’d be cool if the nodes weren’t all on the same interval timer. Obviously trains on the same line would have to be. But it would look more realistic / visually mesmerizing if some of the lines were moving while others were stopped.

    I realize this post is 3 years old, still thought it was worth sharing my feedback. :D