TransitCardsMap

Transitcardsmap

Visual database of public transportation fare cards around the world.

Transit Cards Map

A WIP simple and accessible visual database of fare cards around the world. Use it here.

Features

  • Efficient map with zoom, pan and tilt functionality.

  • Card infobox (opens on click) with name, location, operator and an external resource (usually Wikipedia) for each card.

  • Persistent light & dark mode that follows the user’s preferred color scheme. Togglable via custom theme control.

  • Cards increase in size & are brought to foreground on hover

  • Card markers are generated dynamically and iteratively on page load from a simple YAML data file.

  • Not dependent on any CDN-delivered resources other than map tiles

Screenshots

Building

To build this app for yourself, clone this respository into your file system. Install pnpm and run

pnpm install

pnpm run dev

This will start the app on localhost:5173.

License: GPL-3.0

Top categories

svelte logo

Want a Svelte site built?

Hire a Svelte developer
Loading Svelte Themes