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)

be2dd09bf43b41d9b1194e2625a59013

Let's make a map with D3.js!

0 stars0🌍 Public
TTomisin Owolabi
Last edited Apr 20, 2020
Created on Apr 20, 2020

This example demonstrates how to create a world map using D3.js. It loads geographic data from the World Atlas TopoJSON file and projects country boundaries with a spherical Mercator projection. The visualization uses `d3.geoPath` and `d3.geoMercator` to convert GeoJSON features into SVG paths, with the TopoJSON library’s `feature` method extracting country polygons. The resulting map renders as simple filled paths on a blank SVG canvas, showing the continents and country outlines.

AI-generated description