Creating dynamic art through code.

Hey Fellas!

This week for Programming Design Systems we were supposed to pick an existing piece of visual art (painting, ad, etc) that uses randomization as a key design principle, and recreate it in code. We needed to use at least some randomization concepts in order to make the sketch dynamic. This means that it needed to look different every time it runs, but still have the visual style of the original work.

I picked a piece from Kandinsky called “Circles in a Circle”:

Screen Shot 2016-04-08 at 18.42.16

I love Kandinsky’s work because as one of the pioneers of abstract modern art, he exploited the evocative interrelation between color and form to create an aesthetic experience that engaged the sight, sound, and emotions of the public. So my idea was to take the elements in Kandinsky’s work and apply some randomness to them:


The randomness is great because every time the sketch is run I can get a new piece:


By always using the same colors and keeping iconic elements in place (such as the two shapes crossing the canvas in the background) my goal is to keep a strong visual identity that connects all of the sketches. At the same time, the randomness in terms of sizes, curves and placements of the elements make the sketches always different from each other and provoke a new sensation to the user every time the piece is seen.

Leave a Reply

Your email address will not be published. Required fields are marked *