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)

c8c58bcb819f4552919de0f063ce2cdb

Open

World Map

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

This example displays an interactive world map using the geoNaturalEarth1 projection, rendering countries as SVG paths with hover highlighting. It loads world-atlas TopoJSON data, converts it to GeoJSON with the `feature` method, and draws it using `d3.geoPath`. The map supports pan and zoom through `d3.zoom`, and includes a styled sphere background. The implementation imports `select`, `json`, `geoPath`, and `zoom` from D3 v5, along with the TopoJSON module.

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.