Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

World Countries Tree

Public visualization

World Countries Tree

0 stars0🌍 Public
Ggregosaure
Last edited Oct 17, 2020
Created on Oct 17, 2020
Forked from Blank Canvas

This interactive world map displays the hierarchical structure of countries, organized by continent and subregion, as a horizontal tree diagram. The visualization uses `d3.hierarchy` to process the nested JSON structure and `d3.tree` to compute the layout based on the data's size and dimensions. A `d3.zoom` interaction is applied to the SVG container, allowing users to pan and scale the entire tree. The edges are rendered using the `d3.linkHorizontal` generator, while each node's label is positioned with a font size that inversely corresponds to its depth in the hierarchy, with the text styling set via CSS.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed