Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

second

Public visualization

Viewing a saved revision (read-only)

d6557039cbc44eb58b27c7593f306d54

second

0 stars1🌍 Public
119h61a05c9@cvsr.ac.in
Last edited Nov 10, 2025
Created on Nov 10, 2025
Forked from D3 Starter

This interactive tree visualization displays world population data organized hierarchically from continent to country to city. Using D3.js v7, it loads a CSV file with columns for Continent, Country, City, and Population, then constructs a hierarchical layout with `d3.tree()` and `d3.hierarchy()`. Nodes are colored by depth level using `d3.scaleOrdinal()`, with circles representing cities and larger nodes for parents. Hovering reveals tooltips showing city population details. The SVG renders vertical links via `d3.linkVertical()` and scales responsively through a viewBox.

AI-generated description