Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

Make a map with D3 js

Public visualization

Make a map with D3 js

0 stars2๐ŸŒ Public
AAjit Singh
Last edited Jan 7, 2021
Created on Jan 7, 2021

This example shows a natural Earth projection map of the world, with countries rendered as light green SVG paths on a dark blue sphere. The visualization loads world-atlas TopoJSON data via `d3.json`, converts it to GeoJSON using `topojson.feature`, and draws the map with `d3.geoPath` and `d3.geoNaturalEarth1`. The sphere background is a separate path generated from a generic sphere object, while country boundaries appear with semi-transparent black strokes.

AI-generated description

An example including some commonly used features of SVG.

Comments

Sign in to join the discussion.

MIT Licensed