Buddha&#39;s Teachings Visualization

Ccheikh.m.m.thiaw@aims-senegal.org

Fork of Radial Tree of Countries Hierarchy

This radial tree visualization shows the hierarchical structure of world countries, organized by continent and subregion, with each country as a leaf node. The circle-packing layout positions nodes radially, and the code uses `d3.hierarchy` and `d3.cluster` to compute the layout, with `d3.zoom` enabling pan and zoom interactions on the SVG. Link paths are generated manually via a projection function, and text labels adjust rotation and anchor based on depth and angle, with font size scaled by depth.

Upgraded Radial Tree of Countries Hierarchy

A radial tree visualization displays the hierarchical organization of countries, grouped by continent and subregion, with leaves arranged around a central "World" node. D3.js v7 computes the layout using `d3.cluster`, projecting nodes onto a circular coordinate system. The SVG rendering uses `d3.zoom` for panning and scaling, with links drawn as curved paths and text labels rotated and anchored based on depth and angular position. The data comes from a local JSON file containing country and regional classifications.

CCurran Kelleher

Fork of Radial Tree of Countries Hierarchy

This radial tree visualizes the hierarchical relationships between world countries, grouped by continent and subregion. Using D3.js v4, it renders a circular cluster layout where nodes are positioned by angle and radius. The visualization reads a nested JSON file and uses `d3.cluster` to compute positions, `d3.hierarchy` to process the tree structure, and `d3.zoom` to enable panning and zooming interactions. The code uses `project()` for polar-to-Cartesian conversion and styles text with different font sizes and rotations based on depth.

HHaili0109

Fork of Radial Tree of Countries Hierarchy

This radial tree visualization displays a hierarchical breakdown of world countries by continent and subregion, with each node labeled by name and scaled by depth. The layout uses a D3 cluster layout, projecting nodes in a circular arrangement from a central root. Users can pan and zoom the SVG canvas via d3.zoom. The data, loaded from a JSON file, is structured hierarchically, and the code adapts Curran Kelleher’s original block by adjusting link paths and text rotation for readability.

Llizard1111

Fork of Radial Tree of Countries Hierarchy

This radial tree visualization displays a hierarchical breakdown of world countries organized by continent and subregion, with each node labeled at its corresponding depth level. The visualization supports panning and zooming through the `d3.zoom` API, which applies transforms to the SVG group element. The code uses `d3.cluster()` to compute node positions in a circular layout and `d3.scaleSqrt` to size the text based on tree depth. Links draw as curved paths for deeper nodes, while leaf nodes align text to the outer edge for readability. The data originates from a JSON file containing the full country hierarchy.

RRashi Tyagi

Fork of Radial Tree of Countries Hierarchy

This radial tree visualization displays the hierarchical structure of world countries, organized by continent and subregion. It uses a circular layout where leaf nodes representing individual countries are positioned at the outer ring, with intermediate labels for continents and regions shown with larger fonts. The visualization supports interactive panning and zooming through the `d3.zoom` API, which updates an SVG group’s transform based on user gestures. The tree layout is computed using `d3.hierarchy` and `d3.cluster`, with links drawn via cubic Bézier curves and text labels rotated to follow the radial orientation. Data comes from a local JSON file (`data.json`) containing the full country hierarchy.

Aape-ape-ape

Fork of Radial Tree of Countries Hierarchy

A radial tree visualization displays the hierarchical structure of countries, organized by world region and subregion. The diagram, rendered as an SVG, places the root at the center with branches extending outward. Users can pan and zoom the view. The code uses the D3.js `d3.cluster` layout to position nodes based on angle and radius. It reads the hierarchy from a JSON file and uses `d3.hierarchy` to build the tree structure. Text labels are rotated and styled according to their depth in the tree.

LLeon

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.

NNita