What four projections do, as shown on _____.

You may remember this graphic making the rounds on social media:

It's illustrative of the distorting effects of projections despite being somewhat misleading. A 2D image is presented without distortion in one particular projection, and then reprojected into three others, any of which could just as well have been presented as the initial undistorted state.

Here is a reimplementation in D3 with a draggable image. Click a projection to set it as the source. Choose a different image entirely via the URL anchor (the source server must support CORS).

Try a different dog. Go meta.

Fork me on GitHub