Export Image

aviii5

0 views in last 90 days
Last edited Nov 10, 2025
Created on Nov 10, 2025
Forked from D3 Starter

World Population Tree Visualization

An interactive D3.js tree visualization showing world population data organized hierarchically: Continent → Country → City.

Features

  • Hierarchical Tree Layout: Data organized from continents down to individual cities
  • Color Coding: Different colors for each tree depth level
  • Interactive Tooltips: Hover over nodes to see detailed information
  • Responsive SVG: Scales to fit different screen sizes

Setup

  1. Replace the CSV_URL in index.html with your own CSV file URL

  2. Your CSV should have the following columns:

    • Continent: The continent name
    • Country: The country name
    • City: The city name
    • Population: The population (numeric)
  3. Open index.html in your browser

CSV Format Example

MIT Licensed