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)

fef781514f1c48c5adafd4175653bd1c

Let's make a map with D3.js!

0 stars0🌍 Public
Nnaziafrin
Last edited Dec 8, 2019
Created on Dec 8, 2019

This example shows a world map rendered as a simple SVG visualization. It draws a blue sphere as the globe backdrop and then overlays individual country paths in light green with thin black strokes. The map uses a natural Earth projection and loads geographic data from the World Atlas TopoJSON dataset. The code employs `d3.geoPath` with `d3.geoNaturalEarth1` for projection, and uses `topojson.feature` to convert TopoJSON country boundaries into GeoJSON for rendering. All map elements are drawn as SVG paths inside a 960×500 viewport.

AI-generated description