tfl-components
DocsGet started with the component libraryBoard
DocsComponentsExplorerLabsBoard
⌘K
Star on GitHub

TfL Components is an independent project and is not affiliated with or endorsed by Transport for London.

Designed and built by MangleKuo.

About·Contact·Licence·Data and credits·Privacy·TfL metadata tracker·v0.7.0

958 visitors · 174 installs

tfl-components
DocsGet started with the component libraryBoard
DocsComponentsExplorerLabsBoard
⌘K
Star on GitHub
Get started
  • Get started
  • Components
  • Explorer
  • TypographyAbc
  • Colours
  • Roundel
Components
  • Tube & Rail Arrivals
  • Tube & Rail Status
  • Bus Arrivals
  • River bus arrivals
  • Cycle hire docks
  • Map – Tube & Rail (Geo)
  • Map – Bus (Geo)
  • Live Tube & Rail vehicles
  • Live buses
  • Simple line strip
  • Branch strip — horizontal
  • Branch strip — vertical
  • Station name labels
  • Platform chip
  • Bus number chip
  • Line title
  • Line chip
  • iPad wall display
  • Board URL
  • Troubleshoot
  • Data model
  • Line topology
  • TfL brand licensing
Primitives & Foundations
  • Icons & pictograms
v0.7.0

TfL Components is an independent project and is not affiliated with or endorsed by Transport for London.

Designed and built by MangleKuo.

About·Contact·Licence·Data and credits·Privacy·TfL metadata tracker·v0.7.0

958 visitors · 174 installs

Home / Labs

PreviousNext

Labs

Experiments with line diagrams, service data, language, and network shape.

These experiments may change or disappear before version 1.0.
  • M
    T
    W
    T
    F
    S
    S

    Week ahead

    Seven days of service status drawn onto line diagrams.

  • Branch atlas

    Compare horizontal and vertical diagrams for lines that split, join, and loop.

  • Oxford CircusVictoria
    オックスフォード・サーカスヴィクトリア

    Line languages

    Compare a Victoria line diagram in English and Japanese.

  • Network rings

    Turn station counts and line colours into a concentric portrait of the network.

Each Lab combines several components around one idea. Treat the result as a starting point, not a single installable component.

Home / Labs

PreviousNext

Labs

Experiments with line diagrams, service data, language, and network shape.

These experiments may change or disappear before version 1.0.
  • M
    T
    W
    T
    F
    S
    S

    Week ahead

    Seven days of service status drawn onto line diagrams.

  • Branch atlas

    Compare horizontal and vertical diagrams for lines that split, join, and loop.

  • Oxford CircusVictoria
    オックスフォード・サーカスヴィクトリア

    Line languages

    Compare a Victoria line diagram in English and Japanese.

  • Network rings

    Turn station counts and line colours into a concentric portrait of the network.

Each Lab combines several components around one idea. Treat the result as a starting point, not a single installable component.