Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's Make a map

Public visualization

Let's Make a map

0 stars0🌍 Public
KKyeonghun Min
Last edited Nov 5, 2020
Created on Nov 4, 2020
Forked from HTML Starter

This example displays a zoomable world map using geographic data from the world-atlas TopoJSON files. It renders country boundaries as SVG paths via d3.geoPath with a d3.geoNaturalEarth1 projection, and d3.zoom enables pan/zoom interactions that update the map group’s transform. Country names come from a TSV file joined by ISO numeric codes, appearing as hover tooltips via SVG title elements. Countries fill red on hover, while the sphere outline is drawn from a GeoJSON sphere object.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed