Untitled

100%

✓ Published0🌍 Public

Last edited Oct 17, 2019

Created on Oct 17, 2019

Forked from Radial Tree of Countries Hierarchy

This is a radial tree visualization of a hierarchical dataset of world countries, organized by continent and subregion. The visualization uses d3.cluster to compute the radial layout and d3.zoom with SVG transforms for panning and zooming. Text labels are rotated and positioned based on depth within the hierarchy, with leaf nodes placed along the outer edge. The data is loaded from a local JSON file using d3.json.

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…

Untitled

This radial tree visualization displays the hierarchical relationships between world regions, subregions, and countries, with text labels sized by depth. The d3.cluster layout positions nodes radially, and d3.svg paths connect parent-child nodes with curved links. Users can pan and zoom the entire visualization using d3.zoom, which applies a transform to a container group. The code reads country data from a JSON file using d3.json, and the font sizes scale with depth via d3.scaleSqrt, creating a clear visual hierarchy.

Hhotdoujiang

94% match

Loading thumbnail…

Untitled

This radial dendrogram visualizes a hierarchical dataset of world countries organized by continent and subregion, using D3 v4’s `d3.cluster` layout to position nodes in circular coordinates. Text labels for all nodes are rendered with SVG, with font sizes scaled by depth via `d3.scaleSqrt` and rotated or flattened based on angular position for legibility. The visualization supports zooming and panning through D3’s `d3.zoom` behavior, which applies a transform to the containing group. Links are drawn as curved paths, with straight segments connecting top-level regions directly to the root.

Nntds12

94% match

Loading thumbnail…

Untitled

This radial cluster diagram displays the hierarchical structure of world regions and countries, using a tree layout where continents branch into subregions and individual nations. The visualization encodes the parent-child relationships through elbow-shaped links, with each leaf node represented by a small circle and a text label. Built with D3.js v3, it loads hierarchical JSON data and applies a cluster layout algorithm to position nodes. The SVG rendering uses the `d3.layout.cluster()` method to calculate coordinates, and custom path-drawing functions to create the connecting lines between hierarchy levels.

MMartin Masevski

90% 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

90% match

Loading thumbnail…

RADIAL TREE

This visualization shows the hierarchical structure of world countries organized by continent and subregion, displayed in a radial tree layout. The data comes from a JSON file containing country names grouped into regional categories. Built with D3 v4, the code uses `d3.cluster` and `d3.hierarchy` to compute the radial positions, while `d3.zoom` enables panning and zooming. Labels are rotated and positioned based on depth, with larger fonts for higher-level nodes, and rendered as SVG text with a glow effect.

WW9183907

90% match

Loading thumbnail…

RADIAL TREE Template

This radial tree visualization displays a hierarchical view of world countries, organized by continent and subregion. It shows the structure of geographic data, from the "World" root down to individual countries, with text labels positioned radially around the center. The visualization uses D3.js v4, specifically the `d3.cluster()` layout algorithm and `d3.zoom()` for pan and zoom interactions, rendering as SVG. Text size scales with depth using `d3.scaleSqrt()`, and the data is loaded via `d3.json()` from a static JSON file.

LLex

89% match

Loading thumbnail…

RADIAL TREE

A radial tree displays a hierarchy of world countries, organized by continent and subregion, radiating outward from a central root node. The visualization uses an SVG rendering with D3 v4’s `d3.cluster` layout to position nodes, and custom bezier paths for links. Text labels are rotated and sized by depth, with a heavy white glow for readability. Panning and zooming are implemented via `d3.zoom`, while the JSON data structure defines the nested country groupings.

Nnadia-el

88% match

Loading thumbnail…

Radial Tree of Countries Hierarchy

This radial tree visualization displays the hierarchical structure of world countries, organized by continent and subregion. Built with d3.v4, it uses the d3.cluster layout to position nodes in a circular arrangement, with SVG paths connecting parent and child nodes. The visualization supports panning and zooming interactions through d3.zoom, and text labels are rotated and sized based on their depth within the hierarchy, with the data sourced from a nested JSON file.

Jjamesbnorman

88% match