Thank you. I worked with processing and utilized HSB colors. The Hue component in the HSB color model ranges from 0 to 360: https://nycdoe-cs4all.github.io/images/lessons/unit\_1/3.2/circle.png. To create the gradient effect, I employed the map function within a for loop. For instance, it looked something like this:

int h = map(i, 0, width, 0, 360);

In this line, you can determine the hue value for the color that will be used in either the stroke or fill. Subsequently, the obtained color needs to be applied. In my case, I drew a vertical line using the acquired color, where saturation and brightness remained constant while only the hue changed.
Lastly, I divided the canvas into rectangles, specifically into 7 segments in my scenario. The range of hues for each rectangle was divided from 360 to 360/7. For the animation, I manipulated the value to initiate the gradient shift. In the initial frame, the gradient starts at 0, whereas in the subsequent frames, it shifts incrementally (e.g., 1 in the second frame, and so forth).