Buddha's Life Journey Map
An interactive visualization of the four pivotal locations in Buddha's life journey using D3.js.
Overview
This project visualizes the significant places associated with Buddha's life, including:
- Lumbini (birthplace) in present-day Nepal
- Bodh Gaya (place of enlightenment) in India
- Sarnath (first teaching) in India
- Kushinagar (parinirvana/passing) in India
Features
- Interactive map displaying all four sacred sites
- Chronologically connected journey path between locations
- Detailed information panel with descriptions of each site
- Tooltip with location details on hover
- Zoom and pan capabilities to explore the map
- Responsive design for desktop and mobile viewing
Technologies Used
- D3.js (v7.9.0) for data visualization
- TopoJSON (v3.0.2) for map rendering
- Vanilla JavaScript for interactions
- CSS3 for styling
Usage
- Hover over locations to see basic information in a tooltip
- Click on a location to zoom in and see detailed information in the side panel
- Use the "Show/Hide Journey Path" button to toggle the path between sites
- Click "Reset View" to return to the default map view
- View the timeline of Buddha's life events in the side panel
Data Sources
- Geographic data for India and Nepal from GeoJSON
- Buddha's life event locations from data.csv
Setup
Simply clone the repository and open index.html
in a web browser. No build process or server required.