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)

5bfc0879f8474307b8085702bf5a9cce

Let's make a map with D3.js!

0 stars0🌍 Public
MMike Henderson
Last edited Jul 3, 2019
Created on Jul 3, 2019

A world map rendered with D3.js displays country boundaries filled in light green on a light blue sphere, using natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath`. Hovering highlights a country in red with a tooltip showing its name from the World Atlas TSV data. The map supports zoom and pan through `d3.zoom`, applying transforms to the SVG group. TopoJSON from world-atlas provides geometry, processed with `topojson.feature`. The visualization demonstrates combining geographic data, interactive controls, and CSS styling in an SVG context.

AI-generated description