Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's make a map with D3.js!

Public visualization

Viewing a saved revision (read-only)

d8af01ec8f42485f855eb380dcf7a11c

Let's make a map with D3.js!

0 stars0🌍 Public
BBrett
Last edited Jul 19, 2019
Created on Jul 19, 2019

This example shows an interactive world map built with D3 v5, displaying country boundaries and names loaded from the World Atlas TopoJSON and TSV datasets. The map uses a natural Earth projection via `d3.geoNaturalEarth1` and renders countries as SVG paths generated with `d3.geoPath`. Hovering highlights a country in red, and a zoom behavior implemented with `d3.zoom` allows pan and zoom. A light blue sphere background and green country fills demonstrate basic choropleth styling.

AI-generated description