Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of World Countries Tree

Public visualization

Viewing a saved revision (read-only)

40b96cb559c049d7a40e4c605f7a8a4a

Fork of World Countries Tree

0 stars2🌍 Public
AAbdouEnsaj
Last edited Jul 26, 2022
Created on Jul 26, 2022

This D3.js v5 visualization presents a hierarchical tree of world countries, organized by continent and subregion, using a horizontal icicle layout. The chart shows the geographic grouping of nations from a JSON data source, with each node labeled by country name and positioned by depth. The code leverages D3's `tree`, `hierarchy`, and `linkHorizontal` functions to compute the layout and draw connecting paths. Interactive pan and zoom are enabled through D3's `zoom` event, while text styling uses the Playfair Display font.

AI-generated description