Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's make a map with D3.js!

Public visualization

Let's make a map with D3.js!

0 stars0🌍 Public
RRaajithaSabbineni
Last edited Jul 9, 2022
Created on Jul 7, 2022

This example displays a world map with country boundaries and a graticule overlay, rendered as SVG using D3.js v5. It shows countries as light green polygons with subtle black strokes against a blue sphere background. The code uses `d3.geoNaturalEarth1()` for projection, `d3.geoPath()` for path generation, and TopoJSON’s `feature` method to convert World Atlas TopoJSON data (from unpkg) into GeoJSON. A graticule is drawn with `geoGraticule`, and the sphere outline is generated via `pathGenerator({type: 'Sphere'})`.

AI-generated description

A world map showing country boundaries from World Atlas TopoJSON.

Comments

Sign in to join the discussion.

MIT Licensed