Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

World Countries Tree

Public visualization

Viewing a saved revision (read-only)

a428b779022641c7ae6f97868b3299a2

World Countries Tree

0 stars1🌍 Public
JJaehyun Yu
Last edited Apr 22, 2020
Created on Apr 22, 2020

This interactive visualization presents the hierarchical structure of world countries, organized by continent and subregion. It uses a horizontal tree layout, with the root node on the left and leaf nodes (countries) extending to the right. The D3.js library (v5) computes the tree layout via `d3.tree`, `d3.hierarchy`, and `d3.linkHorizontal`. Pan and zoom are handled through `d3.zoom`. The data is loaded from `data.json` and rendered as SVG paths and text elements, with node labels sized by depth.

AI-generated description