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

100%

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

✓ Published0🌍 Public

Last edited Jun 10, 2025

Created on Jun 10, 2025

Forked from Fork of Fork of The Four Noble Truths - 3

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.

AI-generated description

MIT Licensed

Similar vizzes

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

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

91% match

Loading thumbnail…

The Four Noble Truths - 1

This visualization presents the four noble truths of Buddhism as a set of clickable bars. Each bar displays a number and the corresponding Sanskrit title, with the full truth text and an explanatory description appearing in a details panel upon selection. The chart is built using React and D3 v7, leveraging `d3.scaleBand`, `d3.scaleLinear`, and `d3.axisBottom` for the layout, with data parsed from a local CSV file.

NNita

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

79% 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…

Fork of Everything in One

This interactive D3.js v7 visualization presents Buddha’s teachings as a hierarchical radial tree, with the core teaching at the center branching outward through concepts like the Four Noble Truths and Dependent Origination. Using d3.cluster, the layout positions nodes in a full circle, with curved links and text labels adjusted for orientation. The code implements zoom and pan via d3.zoom, supports responsive resizing, and renders all elements as SVG. Data is loaded from a local JSON file using d3.json.

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

77% match

Loading thumbnail…

Fork of Fork of The Noble Eightfold Path: The Buddha’s Guide to Liberation

An interactive visualization of the Lotus Sutra displays its 28 chapters as a horizontal tree diagram, categorized into three main parts. The background features an animated, interactive Dharma wheel with spokes, hub, and lotus petals, each providing explanatory tooltips on hover. Built with React and D3.js v7, the visualization uses SVG for rendering, with hover effects on tree nodes that highlight related links and show chapter details. The data, sourced from the README, organizes chapters into parts with descriptions and Pali terms.

NNita

77% match