Using HTML, SVG, and JavaScript to create a design inspired by Victor Vasarely's Gamma

In this video we start with an HTML page with an empty SVG (scalable vector graphics) element which is then populated by JavaScript. The design generated is based on the work Gamma by Victor Vasarely. The code adds a sequence of concentric circle elements. The width of the circle's stroke attribute varies to give rise to a square shape within the circles. The innermost circles are thick; the outermost circles are thin; and the intermediate circles are broken into a sequence of eight arcs alternating between thick and thin. The JavaScript varies the color's hue in time. The lightness varies both radially and in time. The entire design rotates in a clockwise fashion.

[@thomasblum9803]

www1.lasalle.edu/~blum/c343wks/Vasarely_Gamma.html