Dhamma Wheel

100%

✓ Published0🌍 Public

Last edited Aug 5, 2025

Created on Aug 5, 2025

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

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.

AI-generated description

MIT Licensed

Similar vizzes

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

88% match

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

86% match

Loading thumbnail…

Fork of Fork of Fork of Dhamma wheel

This interactive visualization built with React and D3.js v7 displays the Buddhist Dhamma Wheel, an animated diagram of the Noble Eightfold Path. The wheel rotates continuously and features a lotus blossom at its hub, with eight spokes representing the path's principles. Users hover over spokes or labels to see tooltips, and selecting a spoke reveals a detailed information panel. D3 selection joins and transitions animate the graphics, while CSS keyframes drive the lotus petal swaying and jewel sparkle effects. The design uses fixed data from included constants rather than external data sources.

NNita

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

84% match

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

84% match

Loading thumbnail…

Dhamma Wheel

The Dhamma Wheel visualizes the Noble Eightfold Path as an interactive wheel with eight spokes representing Buddhist teachings, color-coded across Wisdom, Ethical Conduct, and Mental Cultivation. Users hover or click spoke groups to reveal detailed descriptions and insights in an info panel, with a progress indicator tracking explored paths. The React app uses D3 selections to render SVG elements, managing state for hover, selection, filtering, and animations. Controls toggle informational overlays, category connections via `PATH_CONNECTIONS`, and animation effects, while a decorative lotus hub resets the selection state.

NNita

83% match

Loading thumbnail…

Fork of Dhamma wheel

This interactive Dhamma Wheel visualization presents the Noble Eightfold Path as a decorative, rotatable wheel. Users hover over or click the wheel's eight spokes to explore each path's label, Pali name, and description through dynamically rendered tooltips and an information panel. The React application uses D3.js v7 selection joins to create and update SVG elements, including the wheel's rims, hub, and decorative animations. The visualization includes the Three Jewels as interactive, sparkle-animated elements, with keyboard navigation supporting Escape to clear the current selection.

NNita

83% match

Loading thumbnail…

Dhamma wheel in Marathi

This interactive D3 visualization presents the Dhamma wheel, or Dharma chakra, as an animated diagram of the Noble Eightfold Path in Marathi. Each of the eight spokes represents a path element from a CSV dataset, with labels, hover tooltips, and click-to-select interactions that rotate the wheel to position a chosen section. The React app manages state and dimensions, while D3 handles SVG rendering, wheel components, and keyboard navigation, supported by ResizeObserver for responsive sizing.

NNita

81% match