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)

5d93b0d623974aeda6de5ad2c2a359bb

Let's make a map with D3.js!

0 stars0🌍 Public
KKevinw97
Last edited Feb 5, 2020
Created on Feb 5, 2020

This example shows a simple world map rendered as an SVG, with countries filled in light green and oceans in blue using a Natural Earth projection. The code loads GeoJSON country boundaries from the World Atlas TopoJSON file and converts them into SVG paths using `d3.geoPath` and `d3.geoNaturalEarth1`. It relies on the `topojson.feature` API to extract country geometries, and appends each as a separate path element with a stroke to delineate borders.

AI-generated description