Skip to main content
SimilarExport ZIP
100%

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

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

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.

AI-generated description

What The Buddha Taught

This website provides an introduction to the essential teachings of the Buddha, including the Four Noble Truths, the Eightfold Path, and key Buddhist concepts like impermanence, non-self, and emptiness.

Features

  • Overview of core Buddhist teachings
  • Explanation of the Heart Sutra (Prajñāpāramitā)
  • Meditation instructions
  • Interactive visualizations of Buddhist concepts
  • Glossary of key Buddhist terms
  • Recommended resources for further study

Technologies Used

  • HTML5
  • CSS3
  • JavaScript
  • D3.js for visualizations

Development

To run this website locally:

  1. Clone the repository
  2. Open index.html in your browser

Resources

For more information about Buddhism, check out the recommended books and online resources listed on the website.

License

All content on this website is provided for educational purposes only.

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
93% 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
92% match
Loading thumbnail…

Fork of Fork of HTML Starter

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.

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
90% 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
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
86% match
Loading thumbnail…

Fork of Different teachings together connected

This interactive visualization presents the layers of Buddha's teachings as interconnected concepts, offering multiple perspectives through tabbed views. It includes an onion-layer diagram of core teachings like the Four Noble Truths, a relationship network, a sunburst of teaching components, a life timeline, guided meditations, comparative traditions, and learning pathways. Built with d3.v7, it uses SVG for rendering and animations for transitions, with click interactions filtering and displaying details in an info panel, while timeline and meditation views load dynamically via tab selection.

NNita
78% match
Loading thumbnail…

Different teachings together connected

This interactive visualization of Buddha’s teachings offers three linked views: concentric onion layers, a force-directed relationship network, and a sunburst component breakdown. Users explore concepts like the Four Noble Truths and the Noble Eightfold Path through tabs and clickable elements. The code uses D3 v7 APIs including `d3.forceSimulation` for the network, `d3.hierarchy` and `d3.partition` for the sunburst, and SVG with CSS transitions for animated tab switching and hover effects. Data is embedded directly in the script.

NNita
76% match