Buddha's Teachings Visualization

An interactive visualization celebrating the teachings of Buddha, implemented with HTML, CSS, and D3.js.

Features

Dharma Wheel (Dharmachakra): The symbol representing Buddha's teachings and the Eightfold Path
The Four Noble Truths: Fundamental principles of Buddhist philosophy with expandable explanations
The Noble Eightfold Path: The path to the cessation of suffering with interactive elements
Floating Lotus Flowers: Symbols of purity and spiritual awakening that float upward
Bodhi Tree Leaves: Representing enlightenment with gentle animations
Meditation Ripple Animations: Showing the expanding of consciousness
Buddha Quotes: Inspiring quotes that appear and change periodically
Meditation Mode: Click the Buddha or the Meditate button to enter a calming meditation state
Info Panel: Learn more about Buddhist teachings and concepts

Modular Architecture: Components are organized into separate files for maintainability
Custom Animations: Smooth transitions and movements using D3 animations
Interactive Elements: Hover and click interactions for exploring concepts
Responsive Design: Adapts to different screen sizes with relative positioning
Accessibility: ARIA attributes and semantic HTML for better screen reader support
Data Visualization: Using D3.js for creating the SVG elements and animations
CSS Variables: For consistent theming across components
Dark Mode Support: Respects user preference for color scheme

This project uses a simple folder structure: