Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of World Map with D3.js!

Public visualization

Viewing a saved revision (read-only)

b7683d8d56a8430e96b44ca5d982a6e3

Fork of World Map with D3.js!

0 stars0🌍 Public
SSumanya4
Last edited Apr 3, 2022
Created on Apr 3, 2022

This example renders an interactive world map using D3.js and TopoJSON. Countries are drawn as SVG paths with white fills and black strokes, while the surrounding sphere is teal. The map uses the `geoEquirectangular` projection and `geoPath` to convert geographic data into screen coordinates. It loads country boundaries from the world-atlas dataset (countries-110m.json) and highlights individual countries in navy when hovered.

AI-generated description