Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

The Buddha Meditation

Public visualization

Viewing a saved revision (read-only)

7f339f16b37b4e0e811240e6dd7a5f75

The Buddha Meditation

0 stars3🌍 Public
NNita
Last edited Mar 2, 2025
Created on Mar 2, 2025
Forked from The Buddha

A meditative Buddha visualization displays a serene image with a dynamic particle system, using D3.js v7 to render animated SVG circles that elicit a calm, mindful atmosphere. The particles, colored via `d3.interpolateWarm`, respond to mouse movement, subtly altering their direction toward the cursor, while the image itself gently shifts with a scale and translate transform. Interactive sliders adjust particle density, glow intensity via an SVG filter with `feGaussianBlur`, and particle speed, all managed through D3 selections. A breathing guide circle, styled with CSS and the `breathe` animation, reinforces a focused, meditative experience.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

Buddha Image

Buddha Image