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

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 Pavo by Victor Vasarely. The code adds a sequence of rect (rectangle) elements which form a set of concentric squares. The rect's transform property has both a rotation and a translation. The amount of rotation varies as one moves toward the design's center; it also varies in time. The amount of translation varies similarly.

[@user-ml9ee6ro5l]

amazing

[@thomasblum9803]

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