Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

18_Cheap Tricks for Interaction - world map

Public visualization

Viewing a saved revision (read-only)

dc80abec66464b0baedde6db2c630f50

18_Cheap Tricks for Interaction - world map

0 stars0🌍 Public
FFMajid-ops
Last edited Dec 20, 2020
Created on Dec 18, 2020

This example presents an interactive world map rendered in SVG using D3.js. It displays country boundaries as light green shapes with a blue sphere background, using the d3.geoNaturalEarth1 projection. Users can pan and zoom the map through the d3.zoom API, which applies transforms to the grouped SVG elements. Country data comes from the world-atlas TopoJSON and TSV files, with country names added as tooltips via the title element, and hover states change the fill color to red.

AI-generated description