Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of The Six Pāramitās Visualization

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

63f9ff248b08474a95bd8663dd8d12ce

Open

Fork of The Six Pāramitās Visualization

0 stars1🌍 Public
NNita
Last edited May 27, 2025
Created on May 27, 2025

This interactive visualization presents the Six Pāramitās, or Buddhist perfections, arranged in a circular layout. It uses HTML5 with vanilla JavaScript (ES6) and CSS3 animations to position each Pāramitā card around a central dharma wheel symbol. Users navigate between the six concepts using Next/Previous buttons, progress dots, number keys, and swipe gestures, with smooth transitions revealing each Pāramitā's title, subtitle, and description. The code relies on the DOM API and CSS transitions.

AI-generated description

The Six Pāramitās Visualization

An interactive visualization of the Six Pāramitās (Perfections) from Buddhist philosophy.

Features

  • Circular visualization of the Six Pāramitās
  • Interactive navigation with buttons and keyboard shortcuts
  • Responsive design that works on all device sizes
  • Smooth animations and transitions

Pāramitās Included

  1. Dāna Pāramitā - Generosity
  2. Śīla Pāramitā - Ethics / Morality
  3. Kṣānti Pāramitā - Patience
  4. Vīrya Pāramitā - Energy / Diligence
  5. Dhyāna Pāramitā - Meditation
  6. Prajñā Pāramitā - Wisdom

How to Use

  • Use the Next/Previous buttons to navigate between Pāramitās
  • Click directly on a Pāramitā to select it
  • Use the progress dots at the bottom to jump to a specific Pāramitā
  • Keyboard shortcuts:
    • Arrow Left/Right: Navigate between Pāramitās
    • Numbers 1-6: Jump to specific Pāramitā
    • Escape: Return to title screen
  • Touch enabled with swipe navigation on mobile devices

Technologies Used

  • HTML5
  • CSS3 (with animations and transitions)
  • Vanilla JavaScript (ES6)