← Lab index
EXP-001In progress

Metro Line Builder

A drawing toy for transit nerds. Sketch your own metro lines over a blank grid — stations snap into place, interchanges connect, and the map renders itself in the classic diagram style.

Launch experiment
Year2026
StatusIn progress
StackJavaScript / Canvas
[ Metro Line Builder ]

Every city I've lived in, I've ended up staring at the metro map. Metro Line Builder is what happens when that habit turns into a side project: a small canvas toy where you draw lines, drop stations, and watch the diagram redraw itself with the 45-degree geometry that makes transit maps feel official.

It's an experiment in constraint-driven drawing — the tool fights you a little, snapping everything to the grid, and that fight is what makes the result look designed rather than doodled.

The toy comes with its own small design system — Metro DS — covering the diagram grammar: line colours, station ticks, interchange marks, and the type that labels them.

InteractiveMapsToy
Links
Metro DS — design systemvgomx.github.io/metro-ds/
Lab log
2026-06

First working prototype — lines snap to 45° angles, stations render as ticks and interchanges as circles.

2026-07

Working on line colours, labels, and exporting the map as an image.