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)

4086541f35214706b5ace562635849e6

Let's make a map with D3.js!

0 stars0🌍 Public
Ssteveaigbe
Last edited Nov 21, 2020
Created on Nov 21, 2020

This example demonstrates how to create a world map using D3.js version 5, rendering countries as light green polygons with black strokes on a blue spherical background. The visualization uses a natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath` to project geographic coordinates onto an SVG canvas. Country boundaries are loaded as TopoJSON from the world-atlas package and converted to GeoJSON using the `feature` function from the topojson library. The map displays 110-meter resolution country outlines, with the sphere filled in blue to represent oceans.

AI-generated description