All in One

All in One

This radial tree visualizes the hierarchical structure of Buddha's teachings, from core concepts like the Four Noble Truths down to individual, simpler precepts. It uses D3.js v7 with the `d3.hierarchy` and `d3.cluster` APIs to compute the circular layout. The SVG rendering supports panning and zooming via the `d3.zoom` module, while node and text sizes adjust based on depth to maintain readability. The data is loaded from a JSON file.

96% match

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.

89% match

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.

77% match

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.

77% match

task1.1

This radial tree visualization displays a hierarchical topic structure, with the root "Topics" branching into four main topics, each containing fifteen associated terms. The D3 v4 code uses `d3.cluster()` to compute the layout and projects nodes onto a circular coordinate system. Text labels rotate based on their angular position, while depth-dependent font sizes and edge curvature distinguish hierarchy levels. The SVG rendering includes pan and zoom functionality via `d3.zoom()`, applied to a background rectangle that captures pointer events.

Ffengliplatform

RADIAL TREE

This radial tree visualization displays a hierarchical dataset, such as a world geography or an engineering part structure, with nodes arranged in a circular layout. The code uses the D3.js v4 library, specifically the `cluster()`, `hierarchy()`, and `zoom()` APIs, along with SVG rendering. The visualization shows how the hierarchy branches outward from the root, with text labels positioned and rotated based on depth and angle. It also includes panning and zooming interaction to explore the tree structure, with the data loaded from a JSON file.

Nnadia-el

task1.1 v2

A radial tree visualization displays hierarchical topic clusters, with root categories branching into individual leaf nodes such as terms and phrases. The visualization uses D3 v4’s `d3.cluster` layout and renders SVG text and path elements. Panning and zooming are enabled via `d3.zoom`, with node font size scaled by depth using `d3.scaleSqrt`. Data is loaded from a local JSON file.

Ffengliplatform

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.