Skip to main content
SimilarExport ZIP
100%

Fork of Fork of The Two Truths

✓ Published0🌍 Public
NNita
Last edited Jun 22, 2025
Created on Jun 22, 2025

This visualization presents the Buddhist concepts of Relative and Absolute Truth as a two-circle diagram, showing their distinct characteristics and mutual relationship. The data is hardcoded in JavaScript and rendered as an SVG using D3 v5, with each circle displaying its associated traits. The code draws shapes, text labels, and relationship arrows between the two concepts, while the accompanying HTML and CSS provide the explanatory narrative and page styling. The visualization uses a Venn-like layout to illustrate how the two truths overlap and interconnect rather than remain separate.

AI-generated description

The Two Truths in Buddhist Philosophy

This project explores the concept of the Two Truths in Buddhist philosophy, which consists of:

  1. Relative Truth (Conventional Truth, Saṃvṛti-satya) - How things appear in our everyday experience
  2. Absolute Truth (Ultimate Truth, Paramārtha-satya) - The ultimate nature of reality beyond concepts

Data Visualization

The visualization illustrates key aspects of both truths and their relationship:

Relative Truth Characteristics

  • How things appear (appearances, names, forms)
  • Dependence on conditions (causes, language, culture)
  • Useful for daily life
  • Can be "true" but also misleading

Absolute Truth Characteristics

  • Beyond concepts and language
  • Emptiness (śūnyatā)
  • Interdependence
  • Realized through direct experience

Relationship Between the Truths

  • The relative leads to the absolute
  • The absolute informs the relative
  • Prevents extremes of eternalism and nihilism
  • Develops both wisdom and compassion

Usage

Open index.html in a modern web browser to explore the interactive visualization of the Two Truths concept.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of The Two Truths

The Two Truths is an interactive web-based visualization that explains the Buddhist concepts of absolute and relative truth through a structured, text-heavy layout. It presents two distinct truth sections side-by-side, highlighting their characteristics and examples, followed by a section on their relationship. The page uses HTML, CSS, and vanilla JavaScript (via `document.addEventListener` and `querySelectorAll`) to handle smooth scrolling, hover effects that elevate the truth sections, and a fade-in animation for the main content. No external libraries or data files are used; the content is static text.

NNita
85% match
Loading thumbnail…

The Two Truths

This visualization presents the Buddhist concepts of Relative and Absolute Truth as two parallel, interactive panels. It explains how conventional, everyday reality coexists with a deeper understanding of interdependence and emptiness, showing both as valid, complementary perspectives. The page uses JavaScript to add smooth scrolling, hover effects that lift each truth section, and a document fade-in on load. It relies on standard DOM APIs like `document.addEventListener` and `querySelectorAll` to manage interactions across the HTML and CSS structure.

NNita
82% match
Loading thumbnail…

Fork of Fork of The Four Noble Truths - 3

An interactive D3.js visualization presents the Four Noble Truths as clickable bars, with a path-drawn Buddha silhouette in the background. Clicking a bar reveals a details panel with the truth's description and, for the second and fourth truths, additional structured information about craving and the Noble Eightfold Path. The React-based implementation uses `d3.scaleBand` and `d3.axisBottom` to position and label each truth, with CSV data loaded via `d3.csv`. The visualization uses a muted, earthy color palette with sans-serif typography and a warm panel background.

NNita
76% match
Loading thumbnail…

Relative & Absolute Truth

This interactive canvas visualization contrasts two Buddhist concepts through an animated particle system. Relative Truth mode displays discrete, colorful particles moving independently with subtle connection lines against a dark background, emphasizing individual entities. Absolute Truth mode, activated by a toggle switch, fades particles to semi-transparency, strengthens connection lines, and replaces the background with a pulsing radial gradient to reveal underlying interconnectedness. The visualization uses HTML Canvas API with requestAnimationFrame for animation, demonstrating how perception shifts between separate forms and unified existence.

NNita
75% match
Loading thumbnail…

Fork of Fork of Fork of The Four Noble Truths - 4 -Buddha iMage

This interactive visualization presents the Four Noble Truths of Buddhism as a set of clickable bars. Each bar displays the truth’s number and Sanskrit title; clicking one reveals a detailed description in a dedicated panel. The chart employs D3.js v7 for all SVG rendering, scales, and axes, while React manages the application state. A Buddha silhouette path is drawn behind the chart. The data comes from a CSV file.

NNita
75% match
Loading thumbnail…

Fork of The Four Noble Truths - 2

This interactive React and D3 visualization presents the Four Noble Truths of Buddhism as four clickable bars. Built with d3.scaleBand and d3.axisBottom, it displays each truth’s number, Sanskrit title, and description. Selecting a bar reveals detailed explanatory text in a panel, including the Eightfold Path components for the fourth truth. Data loads from a CSV file via d3.csv, with React state managing the selected truth and window dimensions.

NNita
73% match
Loading thumbnail…

Fork of Teachings Viz as layers

This visualization presents six core Buddhist teachings as concentric, clickable circles, from the foundational Four Noble Truths to Dependent Origination. It is rendered as an SVG using D3.js v7, with each layer colored distinctly and accompanied by a detailed text panel. Clicking a circle or a legend item updates the information panel below, using JavaScript event listeners to reveal the teaching's components and explanations. The visual hierarchy communicates how these concepts build upon one another.

NNita
71% match
Loading thumbnail…

Fork of Fork of The Teachings of the Buddha 2

An interactive visualization presents the core concepts of Buddhism, including the Dharma wheel, the Noble Eightfold Path, the Four Noble Truths, and floating lotus flowers. The SVG scene uses D3.js v7 to construct the elements, with the Dharma wheel rotating through `transition.attrTween`. The eightfold path is shown as a radial layout with labeled circles, while a gradient background and meditation ripple animations add a serene atmosphere. The visualization is built from the HTML and CSS files, with an emoji-based Buddha figure.

NNita
71% match