Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

16 - let's make a map better - dataviz 2018

Public visualization

16 - let's make a map better - dataviz 2018

0 stars1🌍 Public
Zzach b.
Last edited May 13, 2024
Created on Dec 21, 2021

This example displays an interactive world map using a natural Earth projection, with countries rendered as SVG paths and a hover effect that changes their fill color. The visualization loads geographic data from the world-atlas TopoJSON and TSV files, then projects it using D3’s `geoNaturalEarth1` and `geoPath`. It incorporates `d3.zoom` for pan and zoom interactions, and uses the TopoJSON `feature` function to convert the topology into GeoJSON features, with country names added via tooltips from the TSV mapping.

AI-generated description

datraviz 2018 #16 - "cheap tricks for interaction"

world atlas topojson
unpk: topojson.js

Comments

Sign in to join the discussion.

MIT Licensed