Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Blank Canvas

Public visualization

Viewing a saved revision (read-only)

22e720d43f084afe934dafc6705d79f1

Blank Canvas

0 stars0🌍 Public
Aanouckstbr@gmail.com
Last edited Apr 8, 2024
Created on Apr 5, 2024

This visualization displays a hierarchical tree of world regions, subregions, and countries using a horizontal dendrogram layout. It shows the organizational structure of global geography, from continents down to individual nations. The code uses d3.tree, d3.hierarchy, and d3.linkHorizontal to compute and draw the paths, with SVG text elements labeled with each node’s name. Data comes from a local data.json file, and the Montserrat font is loaded via Google Fonts, with zoom and pan functionality enabled through d3.zoom.

AI-generated description

Demonstrates fundamental DOM manipulation using D3.js by making a smiley face whose eyebrows move.