mohan-chinnappan-n (@mohan-chinnappan-n), VizHub

World Countries Tree

This visualization shows a hierarchical tree of world countries organized by continent and subregion, with each node labeled and connected by curved links. It uses D3 v5’s `tree` layout and `hierarchy` to structure the data, rendering SVG paths via `linkHorizontal` and text labels with font sizes scaled by depth. The view supports zooming through D3’s `zoom` behavior, and the data comes from a local `data.json` file containing nested geographic groupings.

Jun 28, 2020

Loading thumbnail…

World Countries Tree

This data-visualization example displays a hierarchical tree of world countries, organized by continent and subregion, based on a nested JSON dataset. Rendering as an SVG, the tree layout uses D3 v5’s `tree()` and `hierarchy()` functions, with `linkHorizontal()` for connecting parent-child nodes. Interactive pan and zoom are enabled via d3’s `zoom()` behavior, while text labels display country names with font sizes that vary by depth, and links are styled with a teal stroke.

Jun 28, 2020

Loading thumbnail…

World Countries Tree

This data-visualization example displays a hierarchical tree of world countries, organized by continent and subregion, based on a nested JSON dataset. Rendering as an SVG, the tree layout uses D3 v5’s `tree()` and `hierarchy()` functions, with `linkHorizontal()` for connecting parent-child nodes. Interactive pan and zoom are enabled via d3’s `zoom()` behavior, while text labels display country names with font sizes that vary by depth, and links are styled with a teal stroke.

Jun 28, 2020