task1.1

100%

✓ Published2🌍 Public

Last edited May 26, 2021

Created on May 23, 2021

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.

AI-generated description

Radial Tree Visualization of Countries Hierarchy. Has Panning and Zooming interaction.

Adapted from Curran Kelleher’s Block "World Countries Hierarchy".

MIT Licensed

Similar vizzes

Loading thumbnail…

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

92% match

Loading thumbnail…

task1.2

A radial tree visualization displays a hierarchical structure of topics and keywords associated with the restaurant "Mon Ami Gabi," with "Positive Topics" branching into multiple "topic" nodes and their corresponding leaf terms. The SVG rendering, built with D3 v4, uses `d3.cluster` to position nodes in a circular layout, with text labels scaled by depth and rotated for readability. Panning and zooming are implemented via D3's `d3.zoom` behavior, while curved links connect parent and child nodes.

Ffengliplatform

88% match

Loading thumbnail…

task 1.2 v2

This radial tree visualizes a hierarchical dataset of customer review topics for a restaurant, with the root labeled "Mon Ami Gabi" and branches for positive topics and individual keywords. The code uses D3 v4’s `d3.cluster` layout and `d3.zoom` to enable panning and zooming of the SVG rendering. Nodes are positioned radially, with leaf labels rotated and anchored to avoid overlap. Curved links connect parent and child nodes, and font size scales with depth via `d3.scaleSqrt`.

Ffengliplatform

83% match

Loading thumbnail…

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

78% match

Loading thumbnail…

RADIAL TREE 3

This radial tree visualization displays a hierarchical dataset of part numbers and associated values, branching from a single root node. The layout uses D3’s `d3.cluster` to arrange nodes radially, with curved paths rendering parent–child links. Panning and zooming are supported via D3’s `zoom` behavior, while node labels are rotated to follow the radial angle. Data is loaded from a CSV file and processed with `d3.stratify` to build the tree structure, rendered as SVG.

Nnadia-el

76% match

Loading thumbnail…

RADIAL TREE 2

This radial tree visualization displays a hierarchical dataset from a CSV file, using a circular layout where branches extend from a central root. The visualization supports panning and zooming interaction, allowing users to explore the hierarchy. Built with D3 v4, the code uses `d3.stratify`, `d3.tree`, `d3.linkRadial`, and `d3.csv` to process and render the data as an SVG. Nodes are drawn as circles with text labels, and links are rendered as curved paths with light blue strokes. The tree is positioned within a large SVG canvas, with labels rotated to follow the radial structure.

Nnadia-el

76% match

Loading thumbnail…

Untitled

A radial dendrogram displays a hierarchy of car-related terms, with "cars" at the center and ten categories—including "owned," "traded," and specific models like "325ci"—arranged as leaf nodes. D3’s `d3.stratify()` builds the hierarchy from the CSV-like data, while `d3.cluster()` computes the radial layout. The code draws SVG paths using `d3.linkRadial()` and renders circles and labels via `d3.pointRadial()`, with the root node emphasized by a larger radius.

JJoker-tr

76% match

Loading thumbnail…

Fork of RADIAL TREE 2

This radial tree visualization uses a hierarchical dataset (flare.csv) to display the nested structure of categories like analytics, animate, and query, with each node positioned by angle and radius from the center. The D3.js v4 code constructs the tree using `d3.stratify` and `d3.tree`, then renders SVG paths with `d3.linkRadial` for links and circles with text labels for leaves and internal nodes. The layout is static, with no panning, zooming, or interaction implemented in the visible script.

Ssuvinviswanat

76% match