raphaeljs data demo

JavaScript

var paper = Raphael(0, 0, 800, 600);

mydata = [
{nom:'film',minute_x:100,minute_y:50,restriction_x:250,restriction_y:650,color:'red'},
{nom:'durée',minute_x:137,minute_y:200,restriction_x:450,restriction_y:450,color:'blue'},
{nom:'budget',minute_x:400,minute_y:10,restriction_x:650,restriction_y:200,color:'brown'}
];


for(i=0;i<mydata.length;i++){
    var film = mydata[i];
    
    var c = paper.path("M"+film.minute_x+" "+film.minute_y+"L"+film.restriction_x+" "+film.restriction_y);
        c.attr("stroke", film.color);
    //var d = path2 = [["M", x, y], ["L", ax, ay], ["M", bx, by], ["L", zx, zy]];
    
}