Skip to main content
00:00
00:00

Transit Map

A whole metro network printed on warm paper lying on a dark table, filmed by a real perspective camera: coloured lines held to eight directions are drawn on by glowing pen tips, stops pop as the tip passes, interchanges fall onto the paper with shock rings, a line turns into a dashed tunnel under a river or bay while the camera drops low with shallow focus, and little white trains run on finished track. The camera rides a tip, pulls back to the whole network or sweeps low across the centre, while a mechanical counter in the corner rolls to a year or a total. Made for how a city, a network or a route grew.

Use this style
Good for
City and transport stories
Footage
Tags
Format
16:9 1920×108030fps

What to provide

Tell us the network to draw and what each section covers: for a real network, its lines, station names, line colours and the years, lengths or ridership to show, with sources; or a fictional city, or something drawn as a network (a product roadmap, a career), which the map will label as fiction. You may pick the story's accent colour and what the counter counts. Everything is drawn in code, so no images are needed.

What you can change

lines
每条线一种颜色,代表线路身份:真实线网用已确认内容给出的公布颜色,虚构线网在色环上均匀取色;交通方式靠线形区分(实线地铁、细线轻轨/有轨电车、空心线公交、水上细线渡轮),不靠颜色
accent
故事强调色默认红色(或最老那条线的颜色),用于起点、「你在这里」和结论;对比对象用深蓝

Limitations

  • 只支持 16:9 横版、30 fps
  • 真实线网的站名、线路颜色、开通年份、里程与客流只取已确认内容,不自行查找或编造;虚构线网只用于本身是虚构或比喻的题材,并在图纸上注明虚构
  • 计数器只落在有出处(或已声明虚构)的数值上,两次落定之间滚筒空转看不清
  • 多段影片中每段各自写自己的线网数据,段与段之间靠同一份确认内容保持一致,不共享工程文件
  • 全部由代码绘制,不使用照片或视频素材;不画真实运营方的标志、线路标识或专用字体
  • 不自带配乐与音效
  • WebGL 软件渲染,本机 1920×1080 约 0.29 秒一帧

More examples

Port Alder: Line 3 Reaches South Shore

Port Alder: Line 3 Reaches South Shore

In the fictional harbour city of Port Alder, a green pen tip draws Line 3's extension: the camera rides it through North Cross and Central, interchanges drop onto the paper, it dives into a tunnel under Alder Bay, lands at South Shore, and the camera rises over the whole network as trains start to run and a printed callout appears.

Transit Map · 16:9 · 10.0s