Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

World Countries Tree

Public visualization

World Countries Tree

0 stars0๐ŸŒ Public
AAbhinav jha
Last edited Jul 21, 2020
Created on Jul 17, 2020

This example shows the hierarchical relationships among world countries as a horizontal tree layout. It uses d3.hierarchy and d3.tree to compute node positions, with d3.linkHorizontal generating curved paths for the links. The visualization renders in SVG and supports pan and zoom through d3.zoom. Node labels display country identifiers with font sizes scaled by depth, styled with a Playfair Display font. The data comes from a JSON file loaded via d3.json, and text shadows improve label readability over the teal-colored links.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed