Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Interactive Tricks

Public visualization

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

Comments

Sign in to join the discussion.

MIT Licensed