Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of HTML Starter

Public visualization

Fork of HTML Starter

0 stars1🌍 Public
RRuthvik Bairaboina
Last edited Nov 9, 2025
Created on Nov 9, 2025
Forked from HTML Starter

This example displays a choropleth map of the world, coloring countries by their sample population values using a sequential blue color scale. The map is rendered with SVG and D3.js’s `d3.geoMercator` projection and `d3.geoPath`. It loads real world geometry from a local GeoJSON file (`countries.geo.json`) and overlays tooltips via SVG `title` elements. Population data is provided as a static JavaScript object, with missing countries shown in gray.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed