This example shows an interactive world map where hovering over a country highlights it in red, and zooming and panning the view is supported via mouse or touch gestures. The map is rendered using SVG with the Natural Earth projection, and country boundaries are drawn from TopoJSON data sourced from the world-atlas package. The implementation uses d3.zoom to handle transformations on a group element, d3.geoPath to generate the country paths, and d3.tsv to load country names for tooltips. Interaction is driven by CSS hover rules and the zoom event listener.