Monogram

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 backgroundColor = '#f0f0d8';
var letter = intVariable('letter', 0, 25);
var letters = ["A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L", "M", "N", "O", "P", "Q", "R", "S", "T", "U", "V", "W", "X", "Y", "Z"];

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

function getRandomColor() {
  var letters = '0123456789ABCDEF'.split('');
  var color = '#';
  for (var i = 0; i < 6; i++ ) {
    color += letters[Math.floor(Math.random() * 16)];
  }
  
  return color;
}

s.text(250, 375, letters[letter]).attr({
  'fill': getRandomColor(),
  'font-size': 400,
  'font-family': 'Times',
  'text-anchor': 'middle'
});