Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

world map

Public visualization

world map

0 stars1🌍 Public
SSai Hemanth Babu Sunkari
Last edited Apr 3, 2024
Created on Apr 2, 2024
Forked from React Starter

This example displays a world map using a natural Earth projection. It renders the globe’s sphere and country boundaries as SVG paths, with countries highlighted in yellow on hover. The visualization uses D3’s `geoPath` and `geoNaturalEarth1` projection, alongside the `topojson` library’s `feature` function to process GeoJSON data from the `world-atlas` package. The map is drawn with SVG elements, with the sphere filled in blue and countries in light gray.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed