Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Interaction

Public visualization

Viewing a saved revision (read-only)

d3e162852ef34344af131e68bf474061

Interaction

0 stars1🌍 Public
MMatan
Last edited Nov 10, 2020
Created on Nov 10, 2020

A D3.js visualization displays a world map using a natural Earth projection, with countries rendered as SVG paths colored in bright green against a dark sea. Hovering a country turns it red and reveals its name via a tooltip. The map is built with `d3.geoPath`, `d3.geoNaturalEarth1`, and `d3.zoom` for interactive panning and zooming, while `d3.tsv` and `d3.json` load country names and geometries. A `topojson` feature layer draws each country, and CSS handles hover styling.

AI-generated description

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