Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity 8 Map

Public visualization

Activity 8 Map

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

This example displays an interactive world map using D3 version 5 with an equirectangular projection. The map renders country boundaries from a TopoJSON world-atlas dataset, filling landmasses in light green with indigo borders against a sky-blue ocean background. Users can pan and zoom the map through D3’s zoom behavior, which applies transformations to the SVG. Hovering over any country changes its fill color to maroon. The code leverages `d3.geoPath`, `d3.geoEquirectangular`, and the TopoJSON `feature` method to convert and render geographic data.

AI-generated description

A demonstration of how to start using D3 version 6.

Comments

Sign in to join the discussion.

MIT Licensed