Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

World Countries Tree

Public visualization

World Countries Tree

0 stars2🌍 Public
EEdward-Elric233
Last edited Sep 11, 2020
Created on Sep 11, 2020
Forked from Blank Canvas

This interactive visualization presents a hierarchical tree of world countries organized by continent and subregion, rendered as a horizontal dendrogram using D3.js v5. The code loads hierarchical JSON data via `d3.json` and applies `d3.tree` layout with `d3.hierarchy` to position nodes, while `d3.linkHorizontal` generates curved paths for the connections. Text labels display country names with font sizes scaled by depth, and a `d3.zoom` behavior enables pan and zoom interactions. The SVG rendering uses a custom font and subtle text shadows to improve readability.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed