This Tube Map Is Not an Image, Just Pure Code

tube map

This version (click to see it) of London’s iconic tube map looks just like the official PDF of the transport network — but in fact it is created entirely from HTML, CSS, and JavaScript.

That’s a pretty insane feat. Its creator, freelance web developer John Galantini, has recreated every symbol, line, circle and piece of text using HTML and CSS. Each subway line is, in fact, an unordered list, with stations positioned in relation to each other using CSS. The map took 120 hours work over five weeks to complete. Pointless, perhaps — but nonetheless impressive. Via Gizmodo

This entry was posted in Technology, Websites. Bookmark the permalink.