Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

World Countries Tree

Public visualization

World Countries Tree

0 stars0🌍 Public
Ttsmithv11
Last edited Apr 18, 2020
Created on Apr 18, 2020

A hierarchical tree diagram shows the geographic organization of world countries, grouped by continent and subregion, with the root labeled "World" and leaves naming individual nations. The layout uses a horizontal tree where text size decreases with depth, and zoom and pan are enabled via the d3.zoom API. The code loads a JSON hierarchy with d3.json, applies d3.tree and d3.hierarchy for layout, and renders SVG paths and text with d3.linkHorizontal. Labels use Playfair Display font with white text shadows for readability.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed