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)

1a8d9c84aff04c199b8efab861feec5a

Let's make a map with D3.js

0 stars3🌍 Public
AAmol Kulkarni
Last edited Jun 23, 2020
Created on Jun 23, 2020

This example displays a world map using a natural Earth projection, with countries rendered as light green SVG paths and oceans as a dark blue sphere. The visualization loads geographic data from the visionscarto-world-atlas TopoJSON file and uses D3 v5’s `geoPath` and `geoNaturalEarth1` to project the features. TopoJSON’s `feature` API converts the topology into GeoJSON, while SVG paths are appended dynamically to the canvas.

AI-generated description