Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

World Countries Tree

Public visualization

World Countries Tree

0 stars0🌍 Public
Sshubham gupta
Last edited Jan 8, 2020
Created on Jan 8, 2020

This visualization displays a hierarchical tree of world countries, organized by continent and subregion, using a D3.js layout with nodes representing geographic areas from a JSON data source. The code employs the `d3.hierarchy`, `d3.tree`, and `d3.linkHorizontal` APIs to compute the tree structure and draw curved links, while `d3.zoom` enables interactive pan and zoom functionality. Text labels are positioned based on node depth, with font sizes scaling inversely to depth. The SVG rendering uses a teal stroke for paths and a serif font (Playfair Display) for country names.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed