Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Interactive Map

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

1f7dd57a998f4b4381806d1f6d2eeb63

Open

Interactive Map

0 stars1🌍 Public
Ccornshoots
Last edited Mar 22, 2021
Created on Mar 16, 2021
Forked from Lets make a map

This interactive map displays country boundaries from the world-atlas TopoJSON dataset, rendered as SVG paths using d3.geoPath and an equirectangular projection. Hovering over a country highlights it in blue via CSS, while d3.zoom enables pan and zoom transforms on the map group. Country names from the accompanying TSV file appear as tooltips through SVG title elements, all loaded asynchronously with d3.json and d3.tsv.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.