Export Image
Export Code

The Five Aggregates

Nita

0 views in last 90 days
Last edited Aug 05, 2025
Created on Aug 05, 2025
Forked from HTML Starter

Five Aggregates Visualization

An interactive visualization of the Five Aggregates (Skandhas) from Buddhist philosophy.

Features

  • Interactive circular visualization of the Five Aggregates
  • Hover effects with detailed descriptions
  • Responsive design that adapts to different screen sizes
  • Color-coded aggregates for easy identification

Aggregates Included

  1. Form (Rūpa): Physical matter and the body
  2. Sensation (Vedanā): Feeling tones from sensory contact
  3. Perception (Saññā): Recognition and labeling of sensory information
  4. Mental Formations (Saṅkhāra): Volition, habits, and mental constructs
  5. Consciousness (Viññāṇa): Awareness through the six senses

Technologies Used

  • HTML5
  • CSS3 with responsive design
  • JavaScript (ES6)
  • D3.js for data visualization

How to Use

  1. Open index.html in a web browser
  2. Hover over any of the five colored circles to see details about that aggregate
  3. The visualization will adapt to different screen sizes

File Structure

  • index.html: Main HTML structure
  • styles.css: Styling for the visualization
  • index.js: JavaScript logic with D3.js visualization
  • README.md: This file
MIT Licensed