Geek Out

This Train Map Is Not An Image, Just Pure Code

This version of London’s iconic tube map looks just like the official PDF of the transport network. 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 train 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. [John Galantini via Sidebar via The Verge]

Product Finder

Find more great products at