Schematic Transit Diagram
スキーマティック路線図 / 1933– / Layout / Information Design
Discards geographic accuracy for horizontal, vertical and 45-degree lines with evenly spaced stations. Beck's 1933 London Underground diagram established it as the common language of transit maps worldwide.

At a glance
Visual cues
- Lines limited to 45 degrees
- Evenly spaced stations
- Color-coded lines
- Independence from geography
Best used for
- Reducing a complex network to what riders need, stations and interchanges
- Showing a process or line where order matters more than geography
Use this style
Take the compact brief into a project or hand the structured version to an AI tool.
Detailed guidance and sourcesProduction rules, reference works, comparisons, research and citation formats
Dictionary entry
- Type
- Set station names at one constant angle in a single face and size
- Composition
- Only horizontal, vertical and 45 degrees, even spacing, widened where stations crowd
- Material
- One color per line, white circles for interchanges, plain background behind
- Caution
- Trying to keep a little geographic accuracy breaks the angle rule, and the diagram ends up neither accurate nor easy to read.
- Further study
- Harry Beck / the idea borrowed from circuit diagrams / the Vignelli New York subway map controversy
Related entries
- Isotype (アイソタイプ)Same Information Design lineage.Compare Schematic Transit Diagram and Isotype
- Pictogram System (案内用ピクトグラム)Same Information Design lineage.Compare Schematic Transit Diagram and Pictogram System
More from Information Design
Continue through styles in the same Information Design family, prioritised by shared effects.
- Bento Grid (ベントーグリッド)Shared effects: Trust / Technique.
- Stamen Map Styles (Toner, Terrain, Watercolor) (スタメンの地図様式)Shared effects: Technique.
Browse all Information Design entries
Cite this entry
The dictionary is meant to be linked to. Take whichever form fits where you are writing.
- Link
- https://indexstyle.org/styles/transit-diagram
- Markdown
- [Schematic Transit Diagram — IndexStyle](https://indexstyle.org/styles/transit-diagram)
- HTML
- <a href="https://indexstyle.org/styles/transit-diagram">Schematic Transit Diagram — IndexStyle</a>