Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

World Countries Tree

Public visualization

World Countries Tree

0 stars2🌍 Public
Iianleekq
Last edited Feb 20, 2019
Created on Feb 20, 2019
Forked from Blank Canvas

This interactive tree diagram visualizes the hierarchical structure of world countries, organized by continent and subregion. Using D3.js v5, the visualization employs a horizontal tree layout with SVG rendering. The code leverages D3's `tree`, `hierarchy`, and `linkHorizontal` APIs to compute the layout and generate connecting paths. User interaction is supported through D3's `zoom` event, which applies pan and zoom transformations to the entire group. Text labels display country names, with font size decreasing by depth level, while the data source is a JSON file containing the geographical hierarchy.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed