Skip to main content
100%

Fork of World Map with D3.js!

✓ Published0🌍 Public
SSaikiran2029
Last edited Apr 3, 2022
Created on Apr 3, 2022

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 description
MIT Licensed

Similar vizzes