Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

Interactive Map with d3.js

Public visualization

Interactive Map with d3.js

0 stars1๐ŸŒ Public
MMaciek Sitkowski
Last edited Sep 2, 2020
Created on Sep 2, 2020

This example shows an interactive world map rendered as SVG, with countries colored dark gray on a light sphere and highlighted in red on hover. The visualization uses d3.geoEqualEarth projection with d3.geoPath to draw country boundaries from TopoJSON data, while country names are loaded from a TSV file and displayed as tooltips via SVG title elements. Pan and zoom are enabled through d3.zoom, with scale limits between 1x and 8x, and the map renders using the world-atlas dataset at 110m resolution.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed