block by emeeks 10173187

Satellite Projection Explorer

Full Screen

I’ve always found it difficult to wrap my head around the settings for satellite projections in D3.js, so I built this little tool to try to find the right settings for my satellite projection. You can drag the canvas to adjust the lambda and phi rotatations (the first to elements of your projection.rotate() array) and use the gamma buttons to for the gamma rotation. If that’s all Greek to you, look here:

http://bl.ocks.org/mbostock/4282586

Zoom in and out to adjust projection scale. Tilt and Distance are particular to satellite. Notice that certain settings cause D3 to break and make art.

The panning of the globe has issues because it recenters on pan, I’ll try to fix that, just realize that the pan-rotating will be a pain. Also notice that the zoomed() function clips the cities only based on the [0] position of the rotate array, so that could be better, too.

index.html

cities.csv