Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Map Interactions

Public visualization

Viewing a saved revision (read-only)

09ff9bc32f294babb3e000d7e48a4c73

Map Interactions

0 stars1🌍 Public
Ggilbster
Last edited Dec 30, 2019
Created on Dec 30, 2019
Forked from Let's Make a Map!

This example displays an interactive world map using a natural Earth projection, with countries rendered as light green SVG paths that turn teal on hover. The visualization combines world-atlas TopoJSON data with a TSV file containing country names, which are added as native SVG `<title>` tooltips. The map supports pan and zoom through d3.zoom, while d3.geoPath and d3.geoNaturalEarth1 handle geographic projections. Hover effects use CSS pseudo-classes, and the map includes a blue sphere background for context.

AI-generated description

Interactive map based of of World Atlas JSON.