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 stars2๐ŸŒ Public
ZZ-Richard
Last edited Jun 25, 2020
Created on Jun 16, 2020

This example renders a world map in a natural Earth projection using the d3.js library. It displays continents in green against a blue spherical backdrop, with country boundaries outlined in black. The visualization fetches GeoJSON data from the world-atlas package, converts it using the topojson `feature` function, and projects it onto an SVG canvas with `d3.geoPath` and `d3.geoNaturalEarth1`. The map is styled via CSS classes for the sphere and individual countries.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed