Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

World Countries Tree-labels

Public visualization

Viewing a saved revision (read-only)

9591bc607e4743e38fec245538a62bcd

World Countries Tree-labels

0 stars0🌍 Public
AAjit Singh
Last edited Jan 7, 2021
Created on Jan 7, 2021

This example shows a hierarchical tree layout of world countries, organized by continent and subregion, with each country name displayed as a text label. The visualization uses D3 v6’s `tree` layout and `linkHorizontal` path generator to draw curved links between parent and child nodes. Labels are rendered as SVG `<text>` elements with font sizes decreasing by depth, and a D3 `zoom` behavior enables panning and scaling. The data is loaded from a local JSON file, and white text shadows improve readability over the drawn paths.

AI-generated description

An example including some commonly used features of SVG.