Fork of The Two Truths

100%

Fork of The Two Truths

✓ Published1🌍 Public

Last edited Jun 22, 2025

Created on Jun 22, 2025

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.

AI-generated description

MIT Licensed

Similar vizzes

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

87% match

Loading thumbnail…

Fork of Fork of The Two Truths

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.

NNita

85% 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

72% 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

72% 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

70% 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

69% match

Loading thumbnail…

Fork of Fork of Fork of HTML Starter

This educational website presents the life of the Buddha, core teachings like the Four Noble Truths, and meditation practices through a multi-page HTML, CSS, and JavaScript layout. The site’s responsive design, styled with custom CSS and the Philosopher and Lato fonts, structures content across pages covering scriptures and Buddhist schools. JavaScript in `scripts.js` enables smooth scrolling, a mobile navigation toggle, and automatic active-link highlighting. The visualization emphasizes textual and biographical information over quantitative data, using a clean, structured layout to convey Buddhist concepts.

NNita

68% 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

67% match