Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

Fork of Let's make a map with D3.js!

Public visualization

Fork of Let's make a map with D3.js!

0 stars0๐ŸŒ Public
MMohammed Nijim
Last edited Jun 16, 2022
Created on Jun 15, 2022

This example renders an interactive world map in SVG using D3.js and TopoJSON. It displays country boundaries and population data loaded from the world-atlas package, showing each country's population in a tooltip on hover. The map uses a Mercator projection created with `d3.geoMercator` and draws paths with `d3.geoPath`. The visualization supports pan and zoom through D3's `zoom` event, which applies a transform to the map's group element.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed