This example displays an interactive natural Earth projection of world countries, rendered as SVG paths with hover highlighting. Users can pan and zoom the map via d3.zoom, which applies transforms to a parent group element. Country boundaries come from TopoJSON world-atlas data, matched to names from a TSV file, and are drawn using d3.geoPath with a geoNaturalEarth1 projection. Hovering changes fill colors through CSS, while d3 v5 handles the zoom event listeners and asynchronous data loading via Promise.all.