Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Let's make a map with D3 (Tricks).js!

Public visualization

Viewing a saved revision (read-only)

b4bba5f1d4324ef6847b5a16f33bc4c7

Fork of Let's make a map with D3 (Tricks).js!

0 stars1🌍 Public
BBKirst3
Last edited Mar 6, 2021
Created on Mar 6, 2021

This interactive map displays world countries using a natural Earth projection, rendered as SVG paths with green fill that turns red on hover. The visualization loads geographic data from the World Atlas TopoJSON file and converts it to GeoJSON features using `topojson.feature`. Users can pan and zoom the map through `d3.zoom`, with transformations applied to a group element containing the country paths. The map also includes a blue sphere outline drawn via `d3.geoPath` with the `geoNaturalEarth1` projection, and each country displays its name as a tooltip using SVG `title` elements.

AI-generated description