Interactive Spirogram

I created a spirogram generator with variable background color and variable stroke color. All the parameters can be adjusted via tweakpane

I used Tweakpane, Node.JS and Canvas-Sketch

I created an interactive spirograph generator using JavaScript with the canvas-sketch framework for rendering and Tweakpane for real-time parameter control. I implemented the spirograph using parametric equations based on rotating circles, where the radii and offset values determine the generated patterns. Through the control pane, I was able to dynamically modify parameters such as the outer radius, inner radius, drawing offset, animation speed, stroke width, and colors, allowing me to explore a wide variety of geometric and hypnotic designs interactively. I also added animation and glow effects to enhance the visual appearance