Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

World Countries Tree

Public visualization

World Countries Tree

0 stars0🌍 Public
Ccodexmon
Last edited Jun 29, 2020
Created on Jun 29, 2020

This visualization displays a hierarchical tree of world countries, organized by continent and subregion, with each country shown as a text label and connected by curved links. The D3.js code uses the `tree` layout, `hierarchy`, and `linkHorizontal` generators to position the nodes and draw the connecting paths. Rendered as an SVG with a fixed viewport, the tree supports zooming through the `zoom` module, which updates the root group’s transform on the `'zoom'` event. Node labels vary in font size based on depth, using the Playfair Display typeface.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed