block by HarryStevens 90ce46b5e3af730d84a368a9ecfa3780

Transparent Earth

Full Screen

D3 will “break and make art” if you adjust the clipAngle of an orthographic projection created with d3.geoOrthographic().

To create the transparent globe effect, set the clipAngle to 180.

This map uses an with D3.js and Topojson to draw a map of the world’s countries onto a spinning globe, rendered here with a graticule that is 10° by 10°.

The world countries polygons were downloaded from ArcGIS.

See also:

index.html