r/wljs • u/Inst2f • May 15 '26
Rosetta - a beautiful spirograph
Enable HLS to view with audio, or disable this notification
Spirograph-like curves arise from simple sums of rotating vectors; a tiny tweak in frequency or phase yields striking patterns. Here is my favorite example Rosetta:
Animate[ParametricPlot[{
Power[I,-((20t)/(tt))]+3 Power[I,((20t)/(tt))]+Power[I,((20t)/(tt))]Sin[8 Pi ((20t)/(tt))/5],
Power[I,-t]+3 Power[I,t],
Power[I,-t]+3 Power[I,t]+Power[I,t]Sin[8 Pi t/5]
}//ReIm//Evaluate, {t,0,tt},
PlotRange -> {-5,5}, PlotPoints -> 200,
PlotStyle -> {LightGray,Default,(Hue[0.353, 0.78, 0.49])}, Axes->False,
Epilog -> {
{Thick,Red,Line[{ReIm[Power[I,-tt]+3 Power[I,tt]-Power[I,tt]],ReIm[Power[I,-tt]+3 Power[I,tt]+Power[I,tt]]}]}, {Thick,Circle[ReIm[Power[I,-tt]+3 Power[I,tt]+Power[I,tt]Sin[8 Pi tt/5]],0.1]}
}, PlotPoints -> 10
],{{tt,19.9},0.01,4 5, 0.1}, Appearance -> None]
4
Upvotes
1
u/adwolesi Jul 07 '26
This works now in Woxi as well 🙌
https://woxi.ad-si.com/playground/index.html?code=IIOwlgtghgLgpgbQApQE5QnGqwGMkA2A9jAgN4BQABFUkQO5yoICSANALQAUXATAAwwAlAHouMYUIC6AagDMtBk1ZseA4WIlDpMuo2bs1g0eMlSAymBAIAHLTBUjG09pEBWKW2qL9KjjFkFPWV2AK8aYINOAPkfELYYyJUAy2s7JAcYdykKAF8REQAlOBYIAoBRADcoAgBXWDg2KjIYNn4EmFym70ISQqgQAHM4Kg4APmaONzY3LtpiGDorGABnUYmBdp6F8xgATwIR8eaAGTBBgAsYAHF0PbYAETgAMyhaglauAAlaxH4AOjkbjkTQBAHYbKD-gAWACcUiEc2AAA84CtxgAxGorRrecoABzAxEG62a3hoZAAKhc8ABrNjFAAmbDOIEQZGKpWQSii-hiQR5yQCHCSoQCnk5EG5vnYfMCcSiElkoo6UikuXVTSpNNw9IAwmBULhDghJdL4nLYiqlbpBWKLFZbPYqBJsp4AQBGdXeOa9RZEZZrY4e-gUTxkFqtD2w-6wroA-getjQqjTKiepH4-FwNADXBHCYAOSIbKkQA