Faders

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 xMargin = 100;
var yMargin = 125;
var dotRadius = 5;

for (var i = 0; i < 20; i++){
  var x = xMargin + (15 * i);
  var y = yMargin + 10 + getRandomInt(0, 50);
  var height = getRandomInt(100, 200);
  
  s.line(x, y, x, y + height)
    .attr({
      stroke: '#cccccc',
      strokeWidth: 2
    })
  
  var dotY = getRandomInt(y, y + height);
  s.circle(x, dotY, dotRadius).attr({
    fill: '#aaaaaa'
  })
}