Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

World Map with D3.js and Topojson

Public visualization

World Map with D3.js and Topojson

0 stars0🌍 Public
Bbugfree55
Last edited Jul 10, 2022
Created on Jul 10, 2022

This example displays a world map using an equirectangular projection, rendered as an SVG graphic. The map is drawn with countries filled in orange, each with a white stroke, and a blue sphere representing the globe's background. Hovering over a country changes its fill to green. The visualization is built with D3.js version 5 and TopoJSON version 3, loading country boundaries from the world-atlas countries-110m.json file. It uses `d3.geoEquirectangular` for projection, `d3.geoPath` for generating SVG paths, and TopoJSON's `feature` method to convert the dataset into GeoJSON features.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed