Export Code

Significant Places in Buddha's Life - 1

Nita

Last edited May 23, 2025
Created on May 23, 2025

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

  1. Hover over locations to see basic information in a tooltip
  2. Click on a location to zoom in and see detailed information in the side panel
  3. Use the "Show/Hide Journey Path" button to toggle the path between sites
  4. Click "Reset View" to return to the default map view
  5. 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.

MIT Licensed