Back to feed
Dev.to
Dev.to
7/14/2026
The original title is: "How I built an interactive atlas of 767 train routes (React + MapLibre + open data)"

The original title is: "How I built an interactive atlas of 767 train routes (React + MapLibre + open data)"

Original: How I built an interactive atlas of 767 train routes (React + MapLibre + open data)

Short summary

A developer built TrainRouter, a free interactive map of 767 train routes across 118 countries using React, MapLibre GL JS, and OpenFreeMap tiles. The writeup covers data modeling, spline smoothing for route geometry, line-offset rendering for shared corridors, and a prerendering build step that generates ~1,500 static HTML pages for SEO and AI crawler discoverability. The full dataset is released as open data (CC BY 4.0).

  • •Interactive atlas of 767 global train routes built with React + MapLibre + OpenFreeMap
  • •Key engineering: prerendering 1,500 static pages for SEO/AI crawler visibility
  • •Full dataset open-sourced as CSV, JSON, and GeoJSON under CC BY 4.0

Generated with AI, which can make mistakes.

#open-source
Read full article at Dev.to

Is this a good recommendation for you?

Comments

Failed to load comments. Please try again.

Explore more

Engineering a Real-Time Rail Network Visualization System
Dev.to
I built 57 browser-based dev tools in a month — here's how the architecture works
Dev.to
I turned a public-domain government CSV into a searchable index of every port and airport on Earth
Dev.to
I built a site with 150+ browser-only dev tools (Astro + Vue 3 + TypeScript) — here's how it's put together
Dev.to