Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Cheaps tricks for interaction

Public visualization

Cheaps tricks for interaction

0 stars0🌍 Public
AAsperge-Atomique
Last edited Oct 18, 2019
Created on Oct 18, 2019

This example presents a zoomable, interactive map of the world using D3.js. It loads geographic data from a world-atlas TopoJSON file and country names from a TSV file, rendering landmasses as SVG paths. The visualization uses D3's geoNaturalEarth1 projection and geoPath to draw countries, with country names displayed as tooltips. A zoom interaction is implemented through D3's zoom module, allowing users to pan and magnify the map. The countries are styled with a light green fill, and hovering over an individual country highlights it in orange.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed