Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity 8 Map

Public visualization

Viewing a saved revision (read-only)

85e6707b08964dac845b52392c5fb3dc

Activity 8 Map

0 stars0🌍 Public
Aakshayvenishetty1437
Last edited Jul 20, 2023
Created on Jul 20, 2023
Forked from Hello VizHub

This example displays an interactive world map using D3 v5 and TopoJSON, rendering countries as light-green SVG paths with an indigo stroke against a sky-blue sphere. The map loads geographic data from the world-atlas countries-110m.json dataset and supports zooming and panning through d3.zoom. Hovering over a country changes its fill to maroon via CSS, while d3.geoPath and d3.geoEquirectangular handle the projection and path generation for the GeoJSON features.

AI-generated description

A demonstration of how to start using D3 version 6.