Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Let's make a map with D3.js!

Public visualization

Fork of Let's make a map with D3.js!

0 stars0🌍 Public
Oolavrc
Last edited Jul 30, 2023
Created on Jul 30, 2023

This visualization shows a simple world map rendered as an SVG, with countries filled in light green against a blue spherical background. It uses the `d3.geoNaturalEarth1` projection and `d3.geoPath` to draw geographic features. Country boundaries come from the World Atlas TopoJSON dataset, which is fetched via `d3.json` and converted to GeoJSON using `topojson.feature`. The sphere outline is drawn first as a full-path shape, followed by individual country paths. Styling is handled through CSS classes, with stroke opacity creating subtle boundary lines.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed