Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity 8 Map

Public visualization

Viewing a saved revision (read-only)

5378615197f1496a8b21c778925ce366

Activity 8 Map

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

This example displays an interactive world map using the D3.js library with a geoEquirectangular projection. Country boundaries are rendered as SVG paths using d3.geoPath, with light green fill and indigo strokes. The map supports zoom and pan through D3’s zoom behavior. Data comes from the world-atlas TopoJSON file, converted to GeoJSON via the topojson feature method, and countries change color to maroon on hover.

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.