Open Source2024

Dynamic Travel Path Visualizer

Interactive tool for mapping travel routes on a customizable world map, with animated paths and SVG export.

Role: Developer

mapsvisualizationSVGReactJavaScript

About the Project

An interactive tool to map and visualize travel routes on a customizable world map. I built it for a photobook project. It also works for a clean route map in a slide deck, when Google Maps screenshots are ugly and Mapbox is overkill.

Features

  • Animated paths: routes drawn as lines across the map
  • SVG export: clean vector graphics for print and slides
  • GPS metadata: extract coordinates from image data
  • Travel modes: flight, car, and train with their own styling
  • Customizable: zoom controls and custom markers