The 21 Emanations of Tara
This interactive visualization presents the 21 emanations of Tara as a circular mandala, using color-coded SVG circles arranged along a sacred boundary to represent each deity. Hovering over any circle reveals a tooltip with the Tara’s name, purpose, and an emoji, while concentric gold rings mark the heart center and outer mandala edge. Built with React 19 and D3 v7, the code uses `select` and `tarasData` to dynamically position circles and labels via trigonometric calculations, with CSS transitions enhancing hover feedback. The visualization includes a color legend and explanatory text to contextualize Tibetan Buddhist symbolism.
AI-generated descriptionThe 21 Emanations of Tara
An interactive visualization exploring the 21 emanations of Tara in Tibetan Buddhism.
Overview
This project presents a beautiful, interactive mandala-style visualization of the 21 emanations of Tara. Tara is one of the most beloved deities in Tibetan Buddhism, representing swift, compassionate action.
Features
- Interactive Circular Mandala: All 21 Taras arranged in a sacred circle
- Color-Coded Emanations: Each Tara is represented by her traditional color
- Detailed Information: Hover over any Tara to learn her unique purpose and qualities
- Educational Context: Comprehensive explanations of Buddhist symbolism and practice
- Color Legend: Guide to the meanings of colors in Tibetan Buddhism
The 21 Taras
Each emanation addresses specific needs:
- Green Tara: Swift compassion and protection
- White Tara: Healing and longevity
- Blue Tara: Transformation of anger
- Red Tara: Love and magnetizing
- Yellow/Gold Tara: Prosperity and wealth
- And 16 more specialized forms...
Understanding the Visualization
The circular arrangement reflects the Buddhist mandala principle:
- Center (TARA): The unified, non-dual nature of all emanations
- Inner Circle: The heart center
- Outer Circle: The sacred boundary of the mandala
- 21 Emanations: All expressions of one compassionate consciousness
Technical Stack
- React 19: User interface and state management
- D3.js: Data visualization and interactive elements
- Vanilla CSS: Styling and animations
How to Use
- Explore the visualization by hovering over each colored circle
- Read the detailed explanations and legend to understand each Tara's qualities
- Use the visualization as a reference guide for spiritual practice
- Consider which Tara's qualities resonate with your current needs
Buddhist Context
This visualization is rooted in authentic Tibetan Buddhist tradition, particularly the practices of the Kagyu, Nyingma, and Gelug schools. The 21 Taras represent different facets of Tara's compassionate activity in response to the varied needs of practitioners.
All 21 Taras are ultimately one Tara—the non-dual nature of enlightened compassion expressing itself in diverse forms.
Color Meanings
- Green: Swift action and protection
- White: Peace and healing
- Gold/Orange: Prosperity and abundance
- Blue: Wisdom and transcendence
- Red: Love and magnetizing
- Black/Dark: Power and fierce compassion
This visualization is created as an educational and contemplative tool to support Buddhist practice and understanding.
Comments
Sign in to join the discussion.