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)

3a7676e536c0428997858e8ce29e3611

Let's make a map with D3.js!

0 stars0🌍 Public
CChinzorigt Ganbat
Last edited Sep 19, 2020
Created on Sep 19, 2020

This example demonstrates how to create a world map using D3.js, rendering continents as light green polygons on a blue sphere. It uses the `d3.geoNaturalEarth1` projection and `d3.geoPath` to generate SVG paths from TopoJSON data loaded from the world-atlas package via `d3.json`. The code also draws a background sphere path and applies stroke styling to country boundaries. All visual elements are rendered as SVG in a single 960×500 viewport.

AI-generated description