Fork of World Map with D3.js!
✓ Published0🌍 Public
This example displays a world map using a blue sphere as the globe background and green country polygons with black outlines. It uses d3.geoEquirectangular for the projection, d3.geoPath to generate SVG paths, and TopoJSON’s feature method to convert country boundaries from the world-atlas@2 dataset (countries-110m.json). Countries change color to dark orange on mouse hover, as defined by the CSS :hover rule. The SVG renders with a fixed 960×500 viewport, and the code loads d3 v5, TopoJSON v3, and a bundled index.js.
AI-generated descriptionMIT Licensed