Fork of The six paramitas
A circular wheel visualization presents the Six Pāramitās of Mahāyāna Buddhism, with six colored arcs sized by value and labeled by name. Clicking an arc dims the others and displays that perfection's description below, while a dharma wheel symbol sits at the center. Built with React 19 and D3 v7, it uses `d3.pie`, `d3.arc`, and a ResizeObserver for responsive layout, with CSS animations for gentle floating and pulsing decorative elements. Data comes from a CSV file.
AI-generated descriptionThe Six Pāramitās - Interactive Visualization
An interactive D3.js visualization exploring the Six Perfections (Pāramitās) of Mahāyāna Buddhism. This project presents these fundamental Buddhist teachings through an elegant, responsive wheel interface that allows users to explore each perfection in detail.
About the Six Pāramitās
The Six Pāramitās (perfections) are core practices in Mahāyāna Buddhism that guide practitioners toward enlightenment and compassionate wisdom:
- Generosity (Dāna) - The practice of giving without expecting return
- Ethical Conduct (Śīla) - Living with integrity and avoiding harm
- Patience (Kṣānti) - Maintaining calm in adversity
- Diligence (Vīrya) - Energetic persistence in practice
- Concentration (Dhyāna) - Cultivating focused peaceful mind
- Wisdom (Prajñā) - Direct knowing of emptiness and truth
Features
- Interactive Wheel Design: Click on any segment to explore individual Pāramitās
- Responsive Layout: Adapts beautifully to all screen sizes
- Smooth Animations: Gentle, meditative animations enhance the contemplative experience
- Accessibility: Supports reduced motion preferences and keyboard navigation
- Buddhist Aesthetics: Warm earth tones and traditional dharma wheel symbolism
Technology Stack
- React 19 - Modern component architecture
- D3.js v7 - Data-driven document manipulation and interactive visualizations
- Vanilla CSS - Custom styling with CSS Grid, Flexbox, and animations
- ES6 Modules - Modern JavaScript with import maps
Getting Started
- Clone this repository
- Serve the files using any static web server
- Open
index.htmlin your browser
No build process required! The project uses ES6 modules and CDN imports for immediate development.
Learn More
To deepen your understanding of Buddhist teachings and the Dharma, visit What Buddha Taught - a comprehensive resource for Visual Teachings.








Comments
Sign in to join the discussion.