Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

World Countries Tree

Public visualization

World Countries Tree

0 stars0🌍 Public
KKarkG
Last edited Aug 1, 2020
Created on Jul 31, 2020

This visualization shows the hierarchical organization of world countries by continent and region, displayed as a horizontal tree layout. The tree is built from a JSON data file that groups countries into subregions like Southern Asia and Western Asia, with all labels rendered in the Playfair Display typeface. It uses D3 v5’s `tree`, `hierarchy`, and `linkHorizontal` generators to compute the layout and draw curved links, while the `zoom` behavior enables panning and scaling of the entire SVG viewport. Text size decreases with each level of depth.

AI-generated description

Demonstrates fundamental DOM manipulation using D3.js by making a smiley face whose eyebrows move.

Comments

Sign in to join the discussion.

MIT Licensed