Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

World Map with D3.js!

Public visualization

Viewing a saved revision (read-only)

2f37c34c8fc9474889f84db068372cdf

World Map with D3.js!

0 stars1🌍 Public
Ssainitish1999
Last edited Apr 4, 2022
Created on Apr 4, 2022

A stylized world map visualizes countries as green regions with black outlines on a blue sphere, using D3.js v5 and TopoJSON. The code loads geospatial data from the world-atlas countries-110m.json file, converts it to GeoJSON features with the topojson `feature` function, and renders it into SVG paths via `d3.geoPath` with a `geoEquirectangular` projection. Hovering a country changes its fill to orange.

AI-generated description