Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Lars Test World Countries Tree

Public visualization

Viewing a saved revision (read-only)

1130de6501bd4daf9b968fa444c6e1d9

Lars Test World Countries Tree

0 stars1🌍 Public
Llapeno20
Last edited Jul 1, 2020
Created on Jul 1, 2020

This tree visualization shows the hierarchical structure of world countries, organized by continent and subregion, with each country name displayed as a leaf node. The D3.js v5 code uses `d3.tree` and `d3.hierarchy` to compute the layout, while `linkHorizontal` generates curved paths between parent and child nodes. SVG text elements are positioned according to the tree coordinates, with font sizes decreasing by depth. The visualization supports zooming and panning through D3’s `zoom` behavior, and it reads its hierarchical data from a local JSON file containing the country groupings.

AI-generated description