Skip to main content
100%

Let's make a map with D3.js!

✓ Published0🌍 Public
ZZhengyan Yu
Last edited Apr 18, 2020
Created on Apr 18, 2020

This example creates an interactive map of the world using a Natural Earth projection and SVG rendering. It loads geographic data from the world-atlas TopoJSON and TSV datasets, then uses d3.geoPath and d3.geoNaturalEarth1 to draw country boundaries and fill them with white. Hovering over a country highlights it in light grey, and each country displays its name as a tooltip via a title element. The code also applies a light blue background to the page.

AI-generated description
MIT Licensed

Similar vizzes