Interactive Möbius transformation

This page shows an image and two small anchors (⚓). You can move the anchors with the mouse. You can also click and drag part of the image.

As you move the pattern, the anchored locations remain fixed. The pattern deforms to preserve circles and angles. This kind of deformation is a type of Möbius transformation.

You can approximate almost any Möbius transformation this way, but the simplest kinds—shifts, rotations, and scaling—require one or both anchors to be at infinity. (Note that flips are not Möbius transformations.)

To place an anchor at infinity, double-click it. It will disappear from the screen. To bring an anchor back from infinity, or to create a new anchor, double-click where there is not currently an anchor.

Having more than two visible anchors holds everything still. With fewer than two, the remaining anchor or anchors are considered to be at infinity.