Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

World countries tree

Public visualization

Viewing a saved revision (read-only)

8e7bac9553df4a66a733316f34e6a15f

World countries tree

0 stars0🌍 Public
Ddata-inside
Last edited Nov 30, 2020
Created on Nov 30, 2020

This visualization presents a hierarchical tree of world countries, organized by continent and subregion, using a left-to-right layout. The code employs D3 v5’s `tree` and `hierarchy` functions to compute node positions, with `linkHorizontal` generating curved paths between parent and child nodes. Each country name is rendered as SVG text, with font size decreasing by depth level, on a zoomable canvas via D3’s `zoom` behavior. The data is loaded from a local JSON file, and the styling uses a Google Font (`Nerko One`) with a white text shadow for legibility.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.