Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

shivani ice 8 Fork of Vanilla D3 Vibecoding Template

Public visualization

Viewing a saved revision (read-only)

5b6e5f4251334a2aac371b8a32d6094f

shivani ice 8 Fork of Vanilla D3 Vibecoding Template

0 stars0🌍 Public
Bbodushivani2601@gmail.com
Last edited Nov 9, 2025
Created on Nov 9, 2025

This D3.js (v7) world map uses a choropleth to show the most recent year of United Nations population data (from the `datasets/population` GitHub repository). Country colors are mapped to population using a log-scaled YlGnBu interpolator to handle data variance, and the SVG rendering applies a Natural Earth projection via `d3.geoNaturalEarth1`. The map includes graticule lines, hover tooltips with a `d3.select`-based title element, and a log-scale gradient and axis legend using `d3.axisBottom`.

AI-generated description