A simple Raphael.js SVG animation (fragment) where a rectangle moves 100 pixels horizontally and 50 pixels vertically.

raphaeljs-animate-rect.html

<div id="container"></div>

<script>
  var paper = new Raphael(document.getElementById('container'), 500, 400);
  
  var rect = paper.rect(10, 20, 300, 200);
  
  rect.animate({
      x: 100,
      y: 50
  }, 1000);
</script>

Working example: http://jsfiddle.net/brainwipe/M8mV7/