Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

World Map D3.js!

Public visualization

Viewing a saved revision (read-only)

9c69e9eea51a4e38aa04cf97f92499e7

World Map D3.js!

0 stars0🌍 Public
NNikkko1
Last edited May 24, 2022
Created on May 24, 2022

This example displays an interactive world map using SVG, with countries rendered in green and the ocean as a blue sphere. It loads geographic data from the world-atlas TopoJSON file and converts it to GeoJSON using the TopoJSON `feature` method. Countries are drawn with `d3.geoPath` and the `geoEquirectangular` projection, and hovering over a country changes its fill to orange via CSS. The map uses D3 v5 for data binding and rendering.

AI-generated description