Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

World Countries Tree

Public visualization

Viewing a saved revision (read-only)

73b133255cb64f11b9f903bbed687712

World Countries Tree

0 stars1🌍 Public
Iinroadings
Last edited Feb 28, 2020
Created on Feb 28, 2020

This visualization shows the hierarchical structure of world countries, organized by continent and subregion, as a node-link tree diagram. Built with D3 v5, it uses the `d3.tree` layout and `d3.hierarchy` to process the JSON data, while `d3.linkHorizontal` generates the curved connection paths. Text labels display each country with font sizes scaled by node depth, and the interaction model adds panning and zooming via `d3.zoom`. The SVG rendering employs the margin convention and a custom font, with subtle text shadows for readability.

AI-generated description

Topics Constructing a node-link tree visualiztion Adding text labels to the nodes Using the Margin Convention Tweaking label alignment and size Panning & Zooming Using a custom font