Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Let's make a map with D3.js!

Public visualization

Viewing a saved revision (read-only)

6b48799e7c92493a92fcd1ee22447f18

Fork of Let's make a map with D3.js!

0 stars0🌍 Public
Llqmpl
Last edited Oct 31, 2022
Created on Oct 31, 2022

This example displays a natural Earth projection map with countries filled in light green and the ocean shown in blue, using an SVG rendering approach. The code loads world geography data from the world-atlas TopoJSON file and converts it to GeoJSON features via TopoJSON’s feature function. D3’s geoNaturalEarth1 projection and geoPath generator define the map’s layout, while the visualization waits for the JSON promise to resolve before appending country paths with a stroke for borders. The sphere outline is drawn separately from a GeoJSON Sphere object.

AI-generated description