Skip to main content
SimilarExport ZIP
100%

task1.1 v2

✓ Published0🌍 Public
Ffengliplatform
Last edited May 26, 2021
Created on May 26, 2021
Forked from task1.1

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.

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

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
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
85% 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
79% 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
79% 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
78% 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
78% match
Loading thumbnail…

RADIAL TREE

This radial tree visualization displays a hierarchical dataset of world countries, organized by continent and subregion. Built with D3 v4, it uses the `d3.cluster` layout to position leaf nodes around a circular arc, with curved `path` links connecting parent and child nodes. The SVG rendering includes size-scaled text based on node depth and supports panning and zooming via `d3.zoom`. Node labels are rotated adaptively for readability, and a glow effect is applied to non-leaf labels via CSS `text-shadow`. The data is loaded from a JSON file using `d3.json`.

Ccocktaildata
77% match