🌍 Public
Viewing a saved revision (read-only)
153535315d4d441baa2b084e6e331f3a
Activity 8 Map
This example displays an interactive world map using a geographic projection, with countries rendered as colored SVG paths and a sphere background. Users can pan and zoom the map through a zoom behavior applied to the SVG element. The visualization loads GeoJSON data from the world-atlas TopoJSON dataset, using d3.geoEquirectangular and d3.geoPath for projection and path generation, and the topojson feature method to extract country boundaries. Hovering highlights individual countries by changing their fill color.
AI-generated descriptionA bare minimum HTML page demonstrating use of CSS and JavaScript.
See also React Starter.