The Five Buddha Families

An interactive visualization of the Buddhist teaching on transforming afflictions (kleshas) into wisdom and enlightened expression through the Five Buddha Families.

Features

• Interactive Mode Switching: Toggle between Kleshas, Wisdoms, and Buddha Families views
• D3 Visualizations: Animated circular layout showing the five-fold mandala structure
• Information Cards: Detailed descriptions of each family's qualities
• Responsive Design: Works seamlessly on desktop and mobile devices

Teaching

Based on teachings by Yongey Mingyur Rinpoche, this interactive tool illustrates:

1. Five Kleshas (Mental Afflictions): Ignorance, Anger, Craving, Pride, Jealousy
2. Five Wisdoms: Their enlightened counterparts when recognized
3. Five Buddha Families: How these wisdoms manifest as patterns of awakened mind

The core insight: recognition transforms suffering into the path itself.

Tech Stack

• React 19
• D3.js 7
• ES Modules
• Modern CSS with gradients and animations