Skip to content

tsilicani/path-map-concept

Repository files navigation

Nivolet Hill: A Virtual Alpine Experience 🏔️

Experience the majestic beauty of the Italian Alps through an interactive 3D visualization of the Colle del Nivolet climb. This proof-of-concept showcases one of the most spectacular mountain passes in the Graian Alps, transforming it into an immersive virtual race course.

🌟 Features

  • Interactive 3D Terrain: Explore the stunning alpine landscape with a fully rotatable and zoomable 3D map
  • Dynamic Route Visualization: Follow the challenging ascent with a clearly marked path
  • Real-time Elevation Data: Track the altitude changes through a responsive elevation chart
  • Race Progress Indicators: Visual markers showing key points along the route
  • Atmospheric Effects: Beautiful terrain rendering with natural shadows and lighting

🎯 Purpose

This project aims to:

  • Showcase the natural beauty of the Colle del Nivolet
  • Provide cyclists and mountain enthusiasts with a virtual preview of the climb
  • Demonstrate the potential of modern web technologies in creating immersive outdoor experiences
  • Combine technical mapping capabilities with engaging user interaction

🔗 Live Demo

Experience the climb yourself at: https://path-map-concept.vercel.app

🛠️ Technology

Built with:

  • Mapbox GL JS for 3D terrain rendering
  • Next.js for the web application framework
  • Recharts for elevation data visualization
  • Custom animations and interactive elements

📍 About Colle del Nivolet

The Colle del Nivolet is a high mountain pass in the Graian Alps, reaching an elevation of 2,612 meters (8,570 ft). Located in the heart of the Gran Paradiso National Park, it offers breathtaking views of the surrounding peaks and alpine lakes, making it a premier destination for cycling enthusiasts and nature lovers alike.


This is a proof of concept project demonstrating the possibilities of interactive 3D mapping for showcasing mountain routes and natural landmarks.