Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Tree with Countries

Public visualization

Viewing a saved revision (read-only)

8fb75d6328754db982efcc789b9deeea

Tree with Countries

0 stars0🌍 Public
LLeora Wenger
Last edited Dec 13, 2018
Created on Dec 5, 2018
Forked from Blank Canvas

This visualization shows the hierarchical structure of countries organized by continent and subregion, with each country’s name displayed as a leaf node. The tree layout, generated using `d3.tree` and `d3.hierarchy`, positions nodes horizontally, and links are drawn with `d3.linkHorizontal` as SVG paths. Labels scale in font size based on tree depth, from large continent names to smaller country names, while the entire diagram supports pan and zoom via `d3.zoom`. Data is loaded from a JSON file using `d3.json`, and the SVG output is styled with a tan path color and a custom font.

AI-generated description

Countries in a tree