Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's make a map with d3

Public visualization

Viewing a saved revision (read-only)

3967170f264d4b36a0107f822f69d2fe

Let's make a map with d3

0 stars1🌍 Public
AAlex Arobelidze
Last edited Jul 27, 2020
Created on Jul 27, 2020

This example uses D3 version 5 to render a world map with a natural Earth projection, displaying countries as light green SVG paths with dark outlines set against a light blue spherical backdrop. The visualization loads GeoJSON data from the world-atlas package, and uses `topojson.feature` to convert the dataset into features, which are then drawn with `d3.geoPath` and `d3.geoNaturalEarth1` for the projection. The sphere, styled via the CSS class `sphere`, adds a visual frame to the geographic display.

AI-generated description