Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Lets create a map with GeoJson

Public visualization

Viewing a saved revision (read-only)

1d3330634e3c48278e8b4e133995877a

Lets create a map with GeoJson

0 stars0🌍 Public
Nndhokalelearning
Last edited Nov 20, 2020
Created on Nov 20, 2020

This example demonstrates how to create a map of the world’s landmasses using the GeoJSON data from a Natural Earth dataset, rendered as blue-tinted sphere with light-green countries. It projects the geographic coordinates using the `geoNaturalEarth1` projection from the `d3` library, while the `geoPath` API generates the SVG paths for the continents. The map is drawn as a single SVG, with the sphere and country paths styled via CSS. The topojson library processes the raw data, although the country features are not fully connected in this instance.

AI-generated description

D3 Map