Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Arion's first map

Public visualization

Viewing a saved revision (read-only)

7d741b1602a245889c6026432833fb93

Arion's first map

0 stars0🌍 Public
Gghjk2013
Last edited Jul 20, 2020
Created on Jul 18, 2020
Forked from HTML Starter

This example shows an interactive world map rendered as SVG, where hovering over a country highlights it in red and displays its name as a tooltip. It uses d3.geoNaturalEarth1 for projection, d3.geoPath for generating country boundaries, and d3.zoom for panning and zooming. The map is built from topojson data loaded via d3.json from the world-atlas package, with country names matched from TSV data using d3.tsv. Plain JavaScript enables the hover effect via CSS selectors.

AI-generated description

A bare minimum HTML page.

See also React Starter.