Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Radial Tree of Countries Hierarchy

Public visualization

Fork of Radial Tree of Countries Hierarchy

0 stars0🌍 Public
HHaili0109
Last edited Nov 26, 2024
Created on Nov 26, 2024

This radial tree visualizes the hierarchical relationships between world countries, grouped by continent and subregion. Using D3.js v4, it renders a circular cluster layout where nodes are positioned by angle and radius. The visualization reads a nested JSON file and uses `d3.cluster` to compute positions, `d3.hierarchy` to process the tree structure, and `d3.zoom` to enable panning and zooming interactions. The code uses `project()` for polar-to-Cartesian conversion and styles text with different font sizes and rotations based on depth.

AI-generated description

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

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

Comments

Sign in to join the discussion.

MIT Licensed