Lissajous Curves

by JayNick - uploaded on October 15, 2024, 6:48 pm

Lissajous Curves - Inspired by: https://twitter.com/mathladyhazel/status/1747301587775611016?s=42&t=Wn6F3ALh7PVQqxXDdq94Gg

From Wikipedia: https://en.wikipedia.org/wiki/Lissajous_curve. A Lissajous curve is the graph of a system of parametric equations: x=A*sin(a*deg+offset) and y=B*sin(b*deg)

This image uses the equations (where a and b increment by 0.5 in the table):

x = 50+48*Math.sin(a*deg*Math.PI/180+Math.PI/2);

y = 50+48*Math.sin(b*deg*Math.PI/180);

To remove the animation (SVG image), delete the section or comment out the line of code: window.addEventListener("load", init); by adding 2 forward slashes such as: //window.addEventListener("load", init);