Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

World Countries Tree

Public visualization

Viewing a saved revision (read-only)

8e68fdc7c2d74c4ab2bdd4b017ae8614

World Countries Tree

0 stars1🌍 Public
Cceresfin
Last edited Jan 31, 2021
Created on Jan 31, 2021
Forked from Blank Canvas

This example shows the hierarchical structure of world countries arranged as a tree diagram, with each country nested under its region and subregion. The visualization uses D3.js v5’s `tree` layout and `hierarchy` function to compute node positions, while `linkHorizontal` generates the curved connector paths between parent and child nodes. The data is loaded asynchronously from a local JSON file via `d3.json`, and the final SVG is sized to fill the browser viewport, rendering all nodes and links without interactive features.

AI-generated description

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