Big Circles

to generate a new and unique variation

Source Code

Every variart piece is open source, you can see exactly how it is drawn from the code.

var foregroundColor = '#ffffff';
var backgroundColor = '#face2f';
var circleSize = 75;
var circleAttrs = {fill: foregroundColor};

s.rect(0, 0, width, height).attr({fill: backgroundColor});


var leftX = width/3;
var leftY = 0;
s.circle(leftX, leftY, circleSize).attr(circleAttrs);
s.circle(leftX, leftY += circleSize * 2.5, circleSize).attr(circleAttrs);
s.circle(leftX, leftY += circleSize * 2.5, circleSize).attr(circleAttrs);

var leftX = (width/3) * 2;
var leftY = circleSize;
s.circle(leftX, leftY, circleSize).attr(circleAttrs);
s.circle(leftX, leftY += circleSize * 2.5, circleSize).attr(circleAttrs);
s.circle(leftX, leftY += circleSize * 2.5, circleSize).attr(circleAttrs);