Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

World Countries Tree

Public visualization

World Countries Tree

0 stars1🌍 Public
MMunTatt Yap
Last edited Aug 15, 2019
Created on Aug 11, 2019
Forked from Blank Canvas

A hierarchical tree visualizes the geographic structure of world countries, branching from continents into subregions and individual nations. The layout renders as a tidy tree using `d3.tree` and `hierarchy`, with horizontal links generated by `linkHorizontal` and SVG paths. Text labels appear at each node, with font size scaling by depth. The visualization supports pan and zoom interactions via `d3.zoom`, applied to a grouped SVG element. Data comes from a local `data.json` file, and the styling uses the Playfair Display font with text shadows for readability.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed