Skip to main content
SimilarExport ZIP
100%

task 1.2 v2

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

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`.

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.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
92% match
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
85% match
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
83% 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…

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
Loading thumbnail…

RADIAL TREE 2

A radial tree visualization displays a hierarchical dataset as curved links radiating from a central root node, with leaf nodes positioned along the outer circumference. The code uses D3 v4's `d3.tree()` layout with a radial size, `d3.stratify()` to parse hierarchical CSV data, and `d3.linkRadial()` to generate the bezier paths. SVG circles mark nodes, while panning and zooming are enabled via the `d3.zoom()` API. The flare.csv dataset provides the hierarchy, and the rendering is entirely SVG-based with light blue translucent links.

WWillPCowan
75% 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
75% match