Historical Cities Map

Inspired by TV Series Yellowstone

About the Project

This interactive historical map showcases the founding of major cities across North America from 1325 to 2024. Watch as cities appear on the timeline, revealing the fascinating story of how civilization spread across the continent over nearly 700 years.

🎬 Inspired by Yellowstone

This project draws inspiration from the critically acclaimed TV series "Yellowstone" and its portrayal of the American West. The series, created by Taylor Sheridan, explores themes of family, land, power, and the complex history of the American frontier. Just as Yellowstone tells the story of the Dutton family's connection to their land, this map tells the story of how cities and communities were established across the continent.

The visual style and atmospheric elements of this map are influenced by the cinematic beauty and dramatic landscapes featured in Yellowstone, capturing the spirit of the American West and its rich historical tapestry.

Features

πŸ“… Interactive Timeline

Navigate through history with a smooth timeline slider from 1325 to 2024

🎡 Atmospheric Audio

Enjoy background music that enhances the historical experience

πŸ—ΊοΈ Dynamic Map

Watch cities appear as they were historically founded

πŸ“± Mobile Optimized

Fully responsive design that works on all devices

🎨 Modern UI

Beautiful gradient design with glassmorphism effects

⌨️ Keyboard Controls

Use spacebar to play/pause and 'R' to reset

How to Use

  • Play/Pause: Click the play button or press Spacebar
  • Reset: Click reset button or press 'R' key
  • Timeline: Drag the slider to jump to any year
  • Volume: Adjust audio with the volume slider
  • Zoom: Use mouse wheel or pinch gestures on mobile
  • City Info: Click on any city marker for details

Technical Details

Built with modern web technologies including Leaflet.js for mapping, GeoJSON for data storage, and CSS3 for beautiful animations and effects. The project features responsive design, touch optimization, and cross-browser compatibility.

← Back to Map