🌍 Public
Viewing a saved revision (read-only)
8e7bac9553df4a66a733316f34e6a15f
World countries tree
This visualization presents a hierarchical tree of world countries, organized by continent and subregion, using a left-to-right layout. The code employs D3 v5’s `tree` and `hierarchy` functions to compute node positions, with `linkHorizontal` generating curved paths between parent and child nodes. Each country name is rendered as SVG text, with font size decreasing by depth level, on a zoomable canvas via D3’s `zoom` behavior. The data is loaded from a local JSON file, and the styling uses a Google Font (`Nerko One`) with a white text shadow for legibility.
AI-generated descriptionA bare minimum HTML page demonstrating use of CSS and JavaScript.
See also React Starter.