Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity 8 Map

Public visualization

Viewing a saved revision (read-only)

82eff0beada44ae5bd91a660b413d5d0

Activity 8 Map

0 stars0🌍 Public
Hharipriyaa07
Last edited Jul 10, 2023
Created on Jul 10, 2023
Forked from Hello VizHub

This interactive world map visualizes country boundaries using light green landmasses against a sky blue ocean. The visualization employs an equirectangular projection, rendered via SVG paths generated with `d3.geoPath`. Users can zoom and pan the map using the `d3.zoom` and `d3.event` APIs. The geographic data originates from the `world-atlas` TopoJSON file, which is converted to GeoJSON features using the `topojson.feature` function. Countries highlight in maroon when hovered, based on CSS styling.

AI-generated description

A demonstration of how to start using D3 version 6.