Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of world map

Public visualization

Viewing a saved revision (read-only)

5e3a7278d9664e3489448cd57f476a94

Fork of world map

0 stars0🌍 Public
Rreddysushma994@gmail.com
Last edited Apr 3, 2024
Created on Apr 3, 2024
Forked from world map

This example renders a natural Earth projection world map using SVG paths. It displays country boundaries with a hover effect that turns each country yellow, while oceans appear as a blue sphere. The visualization loads GeoJSON country data from the world-atlas TopoJSON file and converts it using topojson’s `feature` method, then projects it with `d3.geoNaturalEarth1` and `d3.geoPath`. The code uses D3 v5 selections to append and style the paths, with CSS controlling fill and stroke properties.

AI-generated description