Skip to main content
SimilarExport ZIP
100%

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

✓ Published0🌍 Public
CCurran Kelleher
Last edited Aug 5, 2025
Created on Aug 5, 2025

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

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 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.

NNita
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
93% 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
90% 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
84% match
Loading thumbnail…

Fork of Fork of Fork of HTML Starter

This interactive visualization explores Buddhist philosophy through a serene, animated composition. It displays a rotating Dharma wheel, the Noble Eightfold Path arranged in a circular diagram, and floating lotus flowers and Bodhi tree leaves. The piece uses D3.js v7 with SVG rendering and custom animations via `transition.attrTween` to rotate the wheel. It also generates meditation ripple effects and periodically displays Buddha quotes. A soft gradient background and emoji-based graphics create a peaceful, mindful atmosphere, with hover interactions on the Bodhi leaves.

NNita
77% 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
76% match
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
76% 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
76% match