Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE 08 11590101

Public visualization

Viewing a saved revision (read-only)

5edd763110934b59a253b57bbc4f3e7d

ICE 08 11590101

0 stars1🌍 Public
DDivyasri0310
Last edited Mar 30, 2023
Created on Mar 30, 2023
Forked from ICE 08 11540905

This example presents a world map rendered with D3 v5 and TopoJSON, using the `geoMercator` projection and `geoPath` to draw country boundaries from the world-atlas countries-110m dataset. The SVG displays oceans in blue and countries in purple, with a hover effect that changes the fill color to pink via CSS. The code loads the TopoJSON data asynchronously with `d3.json`, converts it to GeoJSON using `feature`, and appends each country as a path element.

AI-generated description