Skip to main content
100%

World Countries Tree

✓ Published0🌍 Public
Aanuj1450
Last edited Nov 6, 2020
Created on Nov 6, 2020
Forked from Blank Canvass.js!

This visualization shows the hierarchical structure of world countries, organized by continent and subregion, as a horizontal tree diagram. It uses D3 v5’s `tree()` layout and `hierarchy()` to compute node positions, with `linkHorizontal()` drawing curved paths between parent and child nodes. Each country name is rendered as SVG text, with font size decreasing by depth. The view supports zooming and panning via D3’s `zoom()` behavior, applied to a containing `<g>` element. Data is loaded from a local `data.json` file, and styling uses the Playfair Display font.

AI-generated description
MIT Licensed

Similar vizzes