Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

World Countries Tree with D3.js!

Public visualization

Viewing a saved revision (read-only)

7cfc377e9046449fa73f6124babb06cc

World Countries Tree with D3.js!

0 stars0🌍 Public
Fforcox43
Last edited Jul 16, 2020
Created on Jul 15, 2020

This visualization presents a hierarchical tree of world countries, organized by continent and sub-region based on a nested JSON data structure. The tree renders as an indented horizontal layout using SVG paths and text elements, with the D3.js library managing the layout calculations. The code leverages D3's `tree`, `hierarchy`, and `linkHorizontal` APIs to position nodes and draw connecting lines, while a zoom interaction via `d3.zoom` allows panning and scaling. The styling uses a custom serif font and white text shadows for readability.

AI-generated description

A bare minimum HTML page.

See also React Starter.