Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

World map

Public visualization

Viewing a saved revision (read-only)

fd459c7f7cf14245931b8a82c11b3b4e

World map

0 stars0🌍 Public
Ddinesh.ganeshkumar@gmail.com
Last edited Apr 24, 2024
Created on Apr 24, 2024

A hierarchical tree map displays the geographic organization of world countries, branching from continents into subregions and individual nations. The visualization reads country names from a nested JSON file, structured by continent and subregion. Implemented with D3 v5, the tree layout computes node positions while horizontal links connect parent and child nodes via the `linkHorizontal` path generator. Zoom functionality is enabled through `d3.zoom`, and each country label’s font size scales inversely with depth, making higher-level categories larger and more prominent.

AI-generated description

A blank slate starting point showing the "Hello World" for the VizHub V3 Runtime Environment, which supports continuous hot reloading with interactive widgets.

  • There is no index.html - that's what triggers the V3 Runtime
  • The entry point is the main function exported from index.js
  • The main function takes an argument container, a DIV

Full course playlist: YouTube: Constructing Visualization 2024.