Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

WORLD MAP

Public visualization

Viewing a saved revision (read-only)

047c015c37424cebb5c70561b092e201

WORLD MAP

0 stars1🌍 Public
Ppaularl
Last edited Jan 26, 2020
Created on Jan 26, 2020

This interactive world map displays country boundaries with a custom equirectangular-like projection, colored in muted green with cyan oceans. Hovering over a country highlights it in bright green. The visualization uses D3.js to load GeoJSON and TSV data from the world-atlas package, combining them to create SVG paths with country names via tooltips. It implements zooming through the `d3.zoom` module and renders the sphere and countries using `d3.geoPath` with the Natural Earth projection.

AI-generated description

Demonstrates fundamental DOM manipulation using D3.js by making a smiley face whose eyebrows move.