World countries tree
✓ Published0🌍 Public
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.
MIT Licensed