Spring Circle

Spring Circle is made of layers of SVG elements in HTML5 with javascript taking advantage of SVG's scalability, features. It also uses the mix-blend-mode tag on each layer as well a gaussian blur filter.

Each time the file loads the SVG elements appear randomly at random sizes with random line weights. The whole file comes in at 9kb.

The image will reload itself every few seconds giving a different composition every time. Think of it as lots of generative compositions in one piece. See it on altjames.com here.