Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

World Map

Public visualization

Viewing a saved revision (read-only)

8d4d371a8aee4927ad0c1b0d777148cd

World Map

0 stars0🌍 Public
SSwapna1915
Last edited Jul 21, 2023
Created on Jul 5, 2023
Forked from Hello VizHub

This world map uses D3 v5 to render country boundaries as SVG paths. The code imports `geoEquirectangular`, `geoPath`, and `zoom` from D3, plus the `feature` function from TopoJSON, and loads country data from the world-atlas package. Countries are filled in pink with black borders and turn green on hover, while the underlying sphere is teal. The map also supports zooming through D3's zoom behavior.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.