Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

assignment_8

Public visualization

Viewing a saved revision (read-only)

f46091b9216e4652aea40a171ca8435a

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