This example displays a natural Earth projection world map with interactive zooming and panning, where each country is rendered as a light green path that turns red on hover. It uses D3 v5’s `geoNaturalEarth1` projection and `geoPath` for map geometry, with country shapes loaded as TopoJSON data from the world-atlas package and names joined via TSV metadata. The visualization demonstrates modular ES6 imports, including `topojson.feature` for converting TopoJSON to GeoJSON, and an SVG-based rendering approach with `d3.zoom` for user interaction.