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)

7e0dfe96680540c3b3d61f9b2ff6423b

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.