Skip to main content
SimilarExport ZIP
100%

Fork of Fork of HTML Starter

✓ Published1🌍 Public
NNita
Last edited Mar 27, 2025
Created on Mar 27, 2025

This visualization presents the Heart of Prajñāpāramitā with an interactive force-directed graph of key Buddhist concepts, colored by category and connected by weighted links. The D3.js visualization uses `d3.forceSimulation` with link, many-body, center, and collision forces to position nodes, with link thickness representing relationship strength. Concept definitions appear in a tooltip on hover. The surrounding page pairs the Sanskrit text with terminology cards, though the visualization itself derives from a hardcoded dataset of 16 concepts and 15 relationships.

AI-generated description

The Heart of Prajñāpāramitā Visualization

This project presents the Heart of Prajñāpāramitā with an interactive visualization that maps key Buddhist concepts and their relationships.

Features

  • Elegant presentation of the Heart of Prajñāpāramitā text
  • Interactive force-directed graph of Buddhist concepts
  • Color-coded concept grouping by category
  • Hover tooltips for term explanations
  • Responsive design that works on various screen sizes

Visualization Details

The concept map uses D3.js to create a force-directed graph that demonstrates the interconnected nature of key Buddhist terms. The visualization highlights five main categories:

  1. Wisdom concepts (orange): Prajñāpāramitā, Śūnyatā, Form, Emptiness
  2. Suffering concepts (yellow): Skandhas, Dukkha, Four Noble Truths
  3. Enlightenment concepts (teal): Bodhicitta, Bodhi, Nirvana, Tathāgatagarbha
  4. Obstacles/Poisons (red): Triviṣa, Trishna, Dvesha, Moha
  5. Causality (blue): Karma

The strength of connections between concepts is represented by line thickness, and users can interact with the visualization to explore relationships between concepts.

How to Use

  1. Read through the Heart of Prajñāpāramitā text to understand the context
  2. Explore the concept map by dragging nodes to different positions
  3. Hover over concepts to see their definitions
  4. Observe how different Buddhist concepts relate to each other
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of The Heart of Prajñāpāramitā

This visualization explores Buddhist concepts from the Heart Sutra through an interactive network. A force-directed graph using `d3.forceSimulation` displays sixteen concept nodes with labeled relationships, where hovering highlights connected paths and a search feature filters results. Users can switch between four views—including a Dharma wheel and mandala layout—via a dropdown selector that rebuilds the SVG visualization from the same relationship data. The accompanying text includes tooltips for Buddhist terminology.

NNita
91% match
Loading thumbnail…

Fork of Fork of Fork of The Heart of Prajñāpāramitā

This visualization maps the interconnectedness of core Buddhist concepts using an interactive force-directed network. The diagram displays 24 terms—such as Śūnyatā, Dukkha, and Bodhicitta—as nodes grouped by theme, with weighted links (relationships) connecting them. Built with d3.forceSimulation, the layout uses SVG and animated transitions to position nodes dynamically. Users can explore the network's structure, with hoverable controls revealing descriptions of each concept. Code includes d3.drag and d3.zoom for interaction.

NNita
91% match
Loading thumbnail…

Fork of The Heart of Prajñāpāramitā

The Heart of Prajñāpāramitā presents an interactive concept map of Buddhist philosophy, visualizing relationships between key terms like Śūnyatā, Karma, and the Four Noble Truths from the Heart Sutra. The visualization uses D3 v7's force-directed graph layout with `d3.forceSimulation`, featuring draggable nodes and hover tooltips. Users can switch between four visualization types, including a dharma wheel and mandala view, and search for concepts to highlight related connections. The SVG rendering animates node positions and link opacity based on user interaction.

NNita
88% match
Loading thumbnail…

Fork of Fork of Fork of The Heart of Prajñāpāramitā

This interactive visualization explores the interconnected philosophical concepts of the Heart Sutra, mapping the relationships between core Buddhist terms such as Śūnyatā (emptiness), Bodhicitta (awakened mind), and the three poisons. The view presents a force-directed network where nodes represent concepts and weighted links show thematic connections, with search and filtering capabilities to highlight specific ideas. Built with d3.js v7, the SVG network responds to hover interactions, displaying tooltips with definitions. A selector offers alternative visual layouts—including a Dharma Wheel, Mandala, Path to Enlightenment, and Wisdom & Compassion Union—though these views primarily reframe the same concept data.

NNita
87% match
Loading thumbnail…

The Heart of Prajñāpāramitā

This visualization presents an interactive exploration of Buddhist concepts from the Heart of Prajñāpāramitā through four distinct views: a force-directed network, a dharma wheel, a mandala, and a linear path to enlightenment. The main view uses d3.forceSimulation to display interconnected terms with draggable nodes, zooming, panning, and hover tooltips containing descriptions. A search feature highlights matching concepts, while a selector switches between visualization styles. The SVG-based rendering color-codes nodes by category such as Wisdom, Suffering, and Causality.

NNita
83% match
Loading thumbnail…

The Heart of Prajñāpāramitā

This visualization maps the core concepts of Buddhism, illustrating the relationships between ideas such as the Four Noble Truths, the Eightfold Path, and Śūnyatā. An interactive network graph and an animated dharma wheel show conceptual clusters and links between terms, rendered as SVG using D3.js’s force-directed layout (d3.forceSimulation). A control panel allows switching between the network view, a wheel, and a mandala visualization.

NNita
81% match
Loading thumbnail…

Fork of HTML Starter

This visualization presents a contemplative web page exploring Buddhist philosophy from the Prajñāpāramitā literature. It displays prose passages about emptiness and non-duality, highlighting Sanskrit terms such as Śūnyatā, Bodhicitta, and Tathāgatagarbha. The page uses JavaScript to dynamically parse and wrap Buddhist terms, creating interactive tooltips that display definitions on hover. It relies on CSS animations for staggered paragraph fade-ins, Google Fonts (Cormorant Garamond and Nunito) for typography, and a responsive grid layout for terminology cards.

NNita
80% 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
78% match