Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

World Map

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

304c1c43bd52459e90ef2fdd4fd379bc

Open

World Map

0 stars0🌍 Public
BBhavyaMammai
Last edited Jul 13, 2023
Created on Jul 13, 2023
Forked from Hello VizHub

This example displays an interactive world map showing country boundaries with zooming and hover effects. It uses D3 v5 and TopoJSON to load geographic data from the world-atlas dataset, projecting it with d3.geoEquirectangular and rendering via d3.geoPath. The map initially shows a blue sphere with light green countries and indigo borders, which turn maroon on hover. A d3.zoom handler enables pan and zoom interactions on the SVG.

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.