Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

World Map with D3.js

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

a9ee034d65ea49078dc9dedf184d2337

Open

World Map with D3.js

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

This example displays a world map using D3.js, rendering country boundaries as SVG paths on a light gray background. It loads GeoJSON data from a remote GitHub repository and projects it usingd3.geoMercator with fitSize to match the 800x600 viewport. The code demonstrates thed3.json method for asynchronously fetching data andd3.geoPath to generate the path strings, styling each country with a default gray fill and white stroke.

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.