Github contribution marquee effect

marquee.js

// open someone's github page, and run this script in your console

var eles = $$('svg > g > g');
var shift = 0;

var marquee = setInterval(function() {
  shift++;

  for(var i = 0; i < eles.length; i++) {
    var rectShift = 13 - i;
    var x = ((i + shift) % eles.length) * 12 - rectShift + 13;
    eles[i].setAttribute('transform', 'translate(' + x + ', 0)')
  }

}, 100);

reversed.js

// open someone's github page, and run this script in your console

var eles = $$('svg > g > g');
var shift = 0;

var marquee = setInterval(function() {
  shift++;
  shift = shift > eles.length ? 0 : shift;

  for(var i = 0; i < eles.length; i++) {
    var rectShift = 13 - i;
    var x = ((eles.length + i - shift) % eles.length)*12 + 13 - rectShift;
    eles[i].setAttribute('transform', 'translate(' + x + ', 0)');
  }
}, 100);