Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity 8 Map

Public visualization

Viewing a saved revision (read-only)

92542c5ead564508950adc10b0e8712d

Activity 8 Map

0 stars0🌍 Public
HHemanthh81
Last edited Jul 19, 2023
Created on Jul 19, 2023
Forked from Hello VizHub

This interactive world map visualizes country boundaries using an equirectangular projection, with countries rendered as light green SVG paths and a sky-blue sphere background. Viewers can zoom and pan the map using D3's zoom behavior. The visualization loads TopoJSON data from the world-atlas package, converts it to GeoJSON using `topojson.feature`, and renders paths with `d3.geoPath`. Hovering over a country triggers a CSS color change to maroon, providing basic interactivity. The implementation uses D3 v5 with ES6 module imports for `json`, `geoEquirectangular`, and `zoom`.

AI-generated description

A demonstration of how to start using D3 version 6.