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)

c43a98083b464f2fa01db014e735116d

Let's make a map with D3.js!

0 stars1🌍 Public
RRiccardo Pressiani
Last edited Oct 10, 2019
Created on Oct 10, 2019

An interactive SVG map of the world renders country boundaries in green with black outlines using D3.js and TopoJSON. The visualization loads geographic data from the World Atlas TopoJSON file and projects it with a Natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath`. It uses `d3.json` to fetch the data and `topojson.feature` to convert it into GeoJSON, then appends `path` elements to the SVG.

AI-generated description