Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Untitled

Public visualization

Viewing a saved revision (read-only)

12c4e54ce9ea4ae1a1460fbde438bbd7

Untitled

0 stars0🌍 Public
AAbishek-Dulal
Last edited Jul 19, 2020
Created on Jul 18, 2020

This example shows an interactive world map that displays country borders and names, with a dark blue ocean sphere and light green landmasses. The map uses the Natural Earth projection via `d3.geoNaturalEarth1` and renders geographic features as SVG paths generated by `d3.geoPath`. Hovering over a country changes its fill to red, and a `zoom` behavior applies pan and zoom transforms to the map group. Country data comes from the world-atlas TopoJSON file, converted with `topojson.feature`.

AI-generated description

An example including some commonly used features of SVG.