Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Building a Tree Visualization

Public visualization

Viewing a saved revision (read-only)

0e7b496c448349eba122a3c3d32be148

Building a Tree Visualization

0 stars0🌍 Public
Ooptimizeresume
Last edited Jan 13, 2021
Created on Jan 13, 2021

This visualization displays a hierarchical tree of world regions and countries, branching from a central root through continents and subregions to individual nations. The layout uses a left-to-right tree structure with horizontal connector lines, rendered as SVG paths. The code builds the hierarchy with `d3.hierarchy`, computes positions with `d3.tree`, and draws curved links using `linkHorizontal`. Text labels are positioned at each node with font sizes decreasing by depth, and a `d3.zoom` handler enables panning and scaling of the entire diagram. The data comes from the embedded `data.json` file.

AI-generated description