Raphael Testing

Random stuff with Raphael

by dceast

HTML

<div id="canvas_container"></div>

JavaScript

var paper = new Raphael('canvas_container', 1500, 500);
var colors = new Array("blue", "red", "green", "yellow", "orange", "purple");

for (var i = 1; i < 59; i++) {
    var distanceBetween = i * 25 + (40);
    var heightFlux = -(i + Math.random() * 200);
    var colorIndex = Math.floor(Math.random() * colors.length);

    var bar = paper.path('M ' + distanceBetween + ' 500');

    bar.animate({
        path: 'M ' + distanceBetween + ' 500 l 0 ' + heightFlux + ' l -15 0 l 0 ' + Math.abs(heightFlux),
        fill: colors[colorIndex]
    }, 300, '');


    if (i == 58) {
        paper.path('M ' + distanceBetween + ' 500 l ' + (-(distanceBetween - 50)) + ' 0');
    }
}