Life Journey Map Animation

A programmatic animation visualizing a life journey across India using Leaflet.js and CSS animations.

🚀 Demo

Open map_animation.html in your browser to see the animation in action or watch the video given below

DEMO VIDEO: Click on below image

🛠️ Built With

• HTML5 & CSS3: For structure and styling.
• Leaflet.js: For the interactive map interface.
• JavaScript: For the flight path interpolation and animation logic.

📝 Features

• Custom Flight Path: Animates a plane traveling between specific cities (Kochi, Mumbai, Vizag, etc.).
• Comic-Style Popups: Displays life updates at each stop.
• Dynamic Highlighting: Cities light up as the plane reaches them.
• Dark Mode Map: Uses CartoDB Dark Matter tiles for a sleek look.

💻 How to Run

Simply open the map_animation.html file in any modern web browser. No server or installation required.