Untitled

100%

✓ Published0🌍 Public

Last edited Sep 29, 2019

Created on Sep 29, 2019

Forked from Radial Tree of Countries Hierarchy

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.

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

Bbootshine2

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

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

91% 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 of Countries Hierarchy

This radial tree visualization displays the hierarchical relationship of world countries, organized by continent and subregion, with the root node "World" at the center. The layout uses D3's `d3.cluster` to position nodes radially, and SVG paths connect parent and child nodes with curved links. Text labels show country and region names, with font sizes scaled according to depth using `d3.scaleSqrt`. Users can pan and zoom the entire visualization via `d3.zoom`, which applies an SVG transform to the containing group. Data is loaded from a local JSON file.

Ttristramshandy322

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

88% match

Loading thumbnail…

Fork of Radial Tree of Countries Hierarchy

This radial tree visualization displays a hierarchical structure of world countries, categorized by continent and subregion, with the depth of each node conveyed through font size. The tree is rendered as an SVG using d3.cluster, with curved links connecting parent and child nodes and text labels positioned radially around the center. The visualization supports panning and zooming via d3.zoom, which applies a transform to the entire tree group. Data comes from a local JSON file, and the text often includes a white glow effect for readability against the background.

JJoaquin Castañon

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