Smart Tube Map
This web page has a tiny bit of Javascript, SVG and CSS in it.
This makes your browser load (via AJAX)
the live an unmodified local copy of an
SVG tube map on the
TfL website (view source for details).
The additional bit of SVG/CSS specifies a free/open font (
Hammersmith One
from Google Fonts), font size and scaling factor, so that the SVG looks much better. I'm showing a CSS dashes/flashing animation on sections of lines that are currently disrupted, using the
live data API
from TfL. Refresh your browser for the latest data. More tube data visualisations at
TubeCreature, and other projects at
oobrien.com.
The SVG does not display correctly in Firefox due to the different (purer?) way
this browser implement display of SVGs.