Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's make a map with D3.js!

Public visualization

Viewing a saved revision (read-only)

0540e1fe5edd4626b97f894f8eed35e4

Let's make a map with D3.js!

0 stars1🌍 Public
Cchaimmaeee
Last edited Nov 26, 2020
Created on Nov 26, 2020

This example demonstrates how to create a world map using D3.js version 5 and the TopoJSON library. It displays a blue sphere representing the globe and uses the Natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath` to render geographic boundaries. The map is rendered as an SVG element, with country borders styled in light green and black strokes. The code loads geographic data from a remote `borders-parsed.jsonp` file, though the actual data fetching and subsequent rendering of individual countries is not fully implemented in the visible code.

AI-generated description