Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

KR_DV_ICE_8_1

Public visualization

Viewing a saved revision (read-only)

c242227dfa3f4547bc08f8274a79886b

KR_DV_ICE_8_1

0 stars1🌍 Public
KkarthikRachamalli1995
Last edited Mar 28, 2023
Created on Mar 27, 2023
Forked from D3 Starter

This example displays a world map using a natural Earth projection with a blue ocean sphere and gray countries outlined in green. Clicking a country highlights it in red via the `:active` CSS pseudo-class. The visualization is built with D3 v5, using `d3.geoNaturalEarth1` for projection, `d3.geoPath` for path generation, and TopoJSON’s `feature` to extract country geometries from remote GeoJSON data. The rendered SVG shows all countries as selectable paths within the sphere.

AI-generated description

World map with the world Topojson data.