Jan
22

Videos of the Day: The sounds of the subway map

By

Conductor (Interactive instrument in progress) from Alexander Chen on Vimeo.

Check out this video from Alexander Chen. He currently works at the Google Creative Lab and has producing interactive works since 2003. The piece above takes the Vingelli subway map and some HTML 5 and Javascript coding to create a musical work out of the subway map. Says Chen on his blog:

Tentatively titled Conductor, it recreates the New York subway system as a musical instrument. It’s currently built in HTML5 + Javascript. SVG was very useful, as I could create the design in Illustrator, then import the coordinates into Javascript.

These videos are still in-progress tests. I plan to import an actual subway schedule from the MTA’s subway API and have subway trains triggering the performance. After that, I hope to start on an iPad version that would function more as a user-driven instrument.

I decided to use Vignelli’s beautiful 1972 subway map as a starting point for the design. Which will be interesting because a few lines like the 8 and 9 no longer exist.

In another piece embedded below, Chen used moving trains along the lines of the map to create a different piece. These are still works in progress, and Chen says he’ll post updates at his site. Check it out. I love creative uses of the subway map imagery, and these are quite unique.

Conductor (In progress demo) from Alexander Chen on Vimeo.



Categories : Subway Maps

5 Responses to “Videos of the Day: The sounds of the subway map”

  1. Cesar says:

    There’s no 7 train in there…

  2. NewYorker says:

    LOL ! cool, dude !

  3. Steven Hll says:

    Sent the updated “The Conductor” to a friend suggested MTA should play it on screens in the subway system…we luv art and music…cool A Chen

  4. Terratalk says:

    This is awesome … wish I had it on my computer to play with (hint, hint) 🙂

  5. Wayne's World says:

    This could be addictive.

Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>