Skip to main content
SimilarExport ZIP
100%

Mind and Emptiness

✓ Published0🌍 Public
NNita
Last edited Apr 30, 2025
Created on Apr 30, 2025

This animated D3.js visualization depicts the Buddhist relationship between mind and emptiness through a circular diagram with four interactive segments. A central gold circle represents the mind, surrounded by four colored arcs that each illustrate a philosophical aspect—inherent emptiness, interdependence, realization, and non-duality. Hovering over a segment highlights it and dims the others while revealing its associated description. The visualization uses D3's `pie` and `arc` generators to create the equal-size segments, with text wrapping for labels and smooth transitions on hover.

AI-generated description

Buddhist Mind and Emptiness Visualization

This visualization explores the relationship between mind and emptiness (śūnyatā) in Buddhist philosophy. It illustrates four key aspects of this relationship:

  1. Mind is Empty of Inherent Existence - Mind lacks independent existence and arises from causes and conditions
  2. Emptiness Is Not Nothingness - Emptiness means interdependence, not void or non-existence
  3. Mind Can Realize Emptiness - Only mind can understand emptiness, which cuts through ignorance
  4. Mind and Emptiness Are Non-Dual - Clarity (knowing) and emptiness are one and the same

The visualization uses a central circle to represent the mind, surrounded by four segments that illustrate each aspect of the mind-emptiness relationship. Hover over each segment to learn more about these profound Buddhist concepts.

Built with D3.js.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Emptiness

This visualization presents a meditation on emptiness and form through an interactive animated diagram. A central circle represents emptiness, surrounded by eight wedge-shaped paths that act as forms, initially displayed at reduced opacity. Hovering over the center reveals the forms, while individual forms highlight on hover; clicking a form triggers a scale-and-rotate animation that visually collapses it back toward emptiness. The piece uses React for state and dimension handling via `useDimensions` with a `ResizeObserver`, while D3 v7 manages all SVG rendering, transitions, and event handlers.

NNita
77% match
Loading thumbnail…

Fork of Vanilla D3 Vibecoding Template

This interactive donut chart visualizes the Buddhist concept of the Five Aggregates (Skandhas), explaining how form, feeling, perception, mental formations, and consciousness together constitute a living being. Each of the five colored segments represents one aggregate, with hover interactions revealing detailed descriptions and examples sourced directly from the static configuration. The center displays “Not Self” to emphasize the Buddhist teaching of impermanence. Built with D3.js, the visualization uses `d3.pie`, `d3.arc`, and custom text-wrapping logic to dynamically size and position labels, making the philosophical content accessible through direct engagement.

NNita
74% match
Loading thumbnail…

Fork of Fork of Vanilla D3 Vibecoding Template

This visualization explains the Buddhist concept of the Five Aggregates (Skandhas) through an interactive donut chart. It shows how a living being is composed of five interrelated processes—Form, Feeling, Perception, Mental Formations, and Consciousness—each displayed as a colored arc segment. Hovering over a segment highlights it while dimming the others, emphasizing its role within the whole. The chart uses D3's `pie` and `arc` generators to create the layout and computes centroid positions for labels, with data sourced directly from a static configuration file.

NNita
73% match
Loading thumbnail…

The Five Aggregates

This interactive circular visualization depicts the Buddhist Five Aggregates (Skandhas) that constitute a living being. It uses a D3.js pie chart with equal segments for each aggregate, showing the relationships between Form, Feeling, Perception, Mental Formations, and Consciousness. Hovering over an arc expands it and reveals a detailed description with examples in the adjacent panel, while the center displays "Anatta" (Not Self). The code uses D3's `pie()`, `arc()`, and `select()` APIs, with a `ResizeObserver` for responsive scaling. The visualization includes an explanation view when nothing is hovered, sourced from Buddhist teachings.

NNita
72% match
Loading thumbnail…

Fork of HTML Starter

This visualization depicts the Buddhist concept of the five skandhas—form, sensation, perception, mental formations, and consciousness—as concentric arcs surrounding a central "No Fixed Self" node. Built with D3.js, the page uses pie-chart arcs, SVG paths, and a dynamic legend to display the aggregates. Hovering over any arc or legend item triggers a tooltip with the skandha's name and description, while the center node explains the core teaching of anatta.

NNita
71% match
Loading thumbnail…

Fork of Zen Teaching Insight into the Three I's (the three characteristics)

This interactive radial diagram visualizes the Three I's of Zen Buddhism—Impermanence, Unsatisfactoriness, and Impersonality—as three colored circles arrayed around a central "Zen" node. Connecting dashed lines link each concept to the center, while a continuously animated dashed ring encircles the diagram to suggest flow. Hovering over a concept expands its circle and reveals a text description. Built with D3 v7, the SVG elements animate into place using chained `transition()`, `delay()`, and `duration()` calls, with a recursive `transition.attrTween` driving the ring's perpetual motion.

NNita
70% match
Loading thumbnail…

Emptiness

This minimalist visualization titled “Emptiness” renders a single white circle with a light gray outline centered against a plain white background, with the word “Emptiness” displayed in large, faint typography above it. The React application uses a ResizeObserver via a custom `useDimensions` hook to track container size, then passes dimensions to D3 v7 in `renderSVG` and `renderBars` to draw the SVG circle and title text. The circle subtly responds to hover by slightly darkening its stroke, emphasizing the sparse, contemplative aesthetic.

NNita
69% match
Loading thumbnail…

Fork of Fork of Fork of HTML Starter

This interactive visualization explores Buddhist philosophy through a serene, animated composition. It displays a rotating Dharma wheel, the Noble Eightfold Path arranged in a circular diagram, and floating lotus flowers and Bodhi tree leaves. The piece uses D3.js v7 with SVG rendering and custom animations via `transition.attrTween` to rotate the wheel. It also generates meditation ripple effects and periodically displays Buddha quotes. A soft gradient background and emoji-based graphics create a peaceful, mindful atmosphere, with hover interactions on the Bodhi leaves.

NNita
69% match