Export Image

aviii5

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

World Population Tree

An interactive hierarchical visualization of world population data organized by Continent → Country → City.

Features

  • Hierarchical Tree Visualization: Display data in a three-level tree structure
  • Color-Coded Levels: Different colors for each hierarchy level
  • Interactive Tooltips: Hover over cities to see detailed population information
  • Responsive Design: Clean, modern UI with smooth interactions
  • Error Handling: Graceful fallback to sample data if CSV fails to load

Project Structure

  • index.html - Main HTML file with styling and layout
  • tree.js - D3.js visualization logic and data processing
  • data.js - Data source configuration
  • README.md - Documentation (this file)

Data Format

The visualization expects data in CSV format with the following columns:

Column Type Description
Continent String Continental region
Country String Country name
City String City name
Population Number City population

Example CSV

MIT Licensed