Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

assignment_8

Public visualization

Viewing a saved revision (read-only)

fa644b88e63847e093de5d47b69329c9

assignment_8

0 stars0🌍 Public
BBalaji Dasari
Last edited Nov 2, 2025
Created on Nov 2, 2025
Forked from D3 Starter

This interactive world map displays country boundaries and allows users to hover over each country to see its ISO numeric ID in a tooltip and click to zoom in on it. The visualization uses D3.js v7 with the `d3.geoNaturalEarth1` projection and `d3.geoPath` to render the map, loading TopoJSON data from the world-atlas CDN and converting it to GeoJSON features with the `topojson-client` library. A graticule grid is overlaid, and animated zoom transitions are handled with the `transition` method. The map supports a reset button to restore the initial zoom level.

AI-generated description