Torus Knot

Splashery stretches a drumhead over this Splash's outline, twelve inches across, and finds the ways it can ring. Its lowest is 1049.0 Hz, 4 cents sharp of C6. The next fifteen are its overtones, and each one draws its own figure: sand gathers on the lines that stay still.

Tap it: the knot pulls loose and springs back. Drag to turn it. Hands-on: pull it to stretch.

A torus knot is a knot that winds around the surface of a donut shape, called a torus. It goes around the hole a few times one way while it loops through it a few times the other way. The simplest is the trefoil, which winds 2 and 3 times; it is the simplest true knot, one that can never be untied without cutting it.

Tap it and the knot is pulled loose, its loops stretching and swirling; then it is let go and springs back past its rest shape and wobbles to a stop, like a spring. Choose winding counts (2, 3), (2, 5), (3, 4), (3, 5) or (2, 7) in the Splash tab: the pair counts turns around the torus's two directions. Colors changes its palette and Glow its brightness.

Made in Splashery. Its code is MIT.

This link opens it in the Playground. To put it on your own page, add the element and one script tag. Every option.