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)

683ddd7c957a4b0694585145ca71c805

Let's make a map with D3.js!

0 stars0🌍 Public
TTsukiij
Last edited Mar 12, 2020
Created on Mar 12, 2020

This example shows a simple world map rendered as an SVG, with countries filled in light green against a blue ocean sphere. The code uses D3 v5’s `geoMercator` projection and `geoPath` to draw geographic features, while TopoJSON’s `feature` method extracts country boundaries from the world-atlas dataset. Country paths are appended dynamically after loading the 110m resolution GeoJSON via a promise, with styling applied through CSS classes.

AI-generated description