Skip to main content
SimilarExport ZIP
100%

Fork of A Journey Through the Lotus Sutra: Unpacking Its 28 Chapters

✓ Published3🌍 Public
NNita
Last edited Aug 5, 2025
Created on Aug 5, 2025

This interactive visualization maps the 28 chapters of the Lotus Sutra as a hierarchical tree, organized into three color-coded parts representing the One Vehicle, the Everlasting Buddha, and the Deeds of Bodhisattvas. Users can hover over nodes to see chapter descriptions and Pali titles, click to lock selections, and toggle an expand-all view. Built with React and d3.v7, it uses `d3.hierarchy` and `d3.tree` for layout, with custom SVG gradients, animated transitions, and an info panel for details.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of A Journey Through the Lotus Sutra: Unpacking Its 28 Chapters

This interactive visualization maps the 28 chapters of the Lotus Sutra as a branching tree, organizing them into three color-coded parts that trace the text’s thematic progression. Hovering over any chapter node reveals its Pali name and summary in a side panel, while animated petals, decorative dots, and a slowly rotating outer ornament create a contemplative atmosphere. The tree layout uses d3.tree with custom separation logic, and React manages state for hover interactions and an expand-all toggle. Gold-toned gradients and drop-shadow filters reinforce the sacred aesthetic.

CCurran Kelleher
95% match
Loading thumbnail…

A Journey Through the Lotus Sutra: Unpacking Its 28 Chapters

This interactive visualization maps the 28 chapters of the Lotus Sutra into a hierarchical tree, grouped into three major parts that trace the text's narrative arc. Built with React and D3 v7, the tree layout uses `d3.hierarchy` and `d3.tree` to position nodes horizontally, with hover states triggering a detail panel and smooth transitions. The visualization uses warm golden gradients and a color scheme distinguishing each part, while chapter descriptions and summaries appear alongside their corresponding nodes.

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

Dhamma Wheel

An interactive visualization of the Lotus Sutra, its 28 chapters arranged as a radial tree and grouped into three color-coded parts. The visualization uses D3.js and React to render a hierarchical tree layout, with animated node expansion and interactive hover and selection states. Node colors and gradients are applied based on part membership, using D3's `tree` layout, and JavaScript DOM event handlers manage user interactions.

NNita
86% 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…

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

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

An interactive tree visualization presents the Buddha's Noble Eightfold Path, organizing its eight practices into three divisions—Sīla, Samādhi, and Paññā—with each node displaying English names, Pali terms, and descriptive text. Hovering over any node scales it and reveals its full explanation in an adjacent panel, while links and colors encode the hierarchical relationships between categories. Built with D3.js v7's hierarchy and tree layouts, the visualization uses SVG rendering, animated transitions, and gradient fills, all orchestrated through a React 19 component architecture with responsive dimensions tracked via ResizeObserver.

NNita
77% match
Loading thumbnail…

Fork of Noble Eightfold Path

This interactive visualization presents the Buddhist Noble Eightfold Path as a radial tree, branching from the central path into three colored categories—moral virtue, meditation, and wisdom—with two to three child nodes each. Built with d3.v7 and SVG, it uses the `d3.tree` layout with customized link functions and radial gradients to differentiate hierarchy levels. Node styling uses CSS transitions and drop-shadow filters, while the fixed y-coordinate adjustments create a structured, top-down flow. The code loads data from an embedded JavaScript object, with interactive hover effects that scale nodes and intensify text, all rendered within a stylized gradient-background container.

NNita
77% match