Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

World Countries Hierarchy

Public visualization

World Countries Hierarchy

0 stars1🌍 Public
BB Sundaresan
Last edited Jul 15, 2020
Created on Jul 15, 2020

This example visualizes the hierarchical structure of world countries, organized by continent and subregion, using a static tree layout with horizontal links. The SVG rendering uses D3 v5’s `hierarchy` and `tree` layouts, with `linkHorizontal` for the connecting paths. Node labels are sized proportionally to their depth in the hierarchy, and circles mark each country or region. The visualization supports zooming and panning through D3’s `zoom` behavior. Data is loaded from a local `data.json` file containing the nested geographic classification.

AI-generated description

A bare minimum HTML page.

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed