Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Making a map

Public visualization

Viewing a saved revision (read-only)

44c4b73a075f43d4afcab0190a0e63f7

Making a map

0 stars0🌍 Public
Ttejasviprasad06@gmail.com
Last edited Mar 27, 2023
Created on Mar 27, 2023

This example shows an interactive world map with zoom and pan capabilities. Countries are rendered as styled SVG paths with hover highlighting, while the globe’s sphere is drawn as a separate background layer. The visualization uses `d3.geoNaturalEarth1` for projection, `d3.geoPath` to generate paths, and `d3.zoom` for interaction. Geographic data comes from the world-atlas TopoJSON file, processed via `topojson.feature`, and rendered as SVG with CSS-styled country shapes.

AI-generated description

World map