Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Interactive Tricks

Public visualization

Viewing a saved revision (read-only)

5e2cd4a837fa41d480db3e9456599b84

Interactive Tricks

0 stars0🌍 Public
Llrakla
Last edited Dec 29, 2021
Created on Dec 29, 2021
Forked from Let's make a Map!

This interactive map displays world countries using a natural Earth projection, with hover effects that change country colors to pink and tooltips showing country names. The visualization supports zooming and panning through d3.zoom, applied to the SVG group containing all geographic paths. It uses d3.geoPath with geoNaturalEarth1 projection, loads TopoJSON data from world-atlas, and merges country names from TSV data using reduce. The code leverages D3 v5 selection, JSON, TSV, and zoom APIs, rendering geographic features as SVG paths with CSS styling for interactivity.

AI-generated description