Jquery HTML Graph

A code snippet for drawing a pure HTML graph using jquery:

var points = {0.3,0.5,0.9,0.7};
function htmlgraph(points){
    var str = "";
    for (var i = 0; i < points.length; i++) {
        var ioid = 'io'+i;
        var x = i*(100/points.length);
        var y = points[i]*100+10;
        var css = 'border:1px solid red;left:'+x+'%;top:'+y+'%;width:1px;height:1px;position:absolute;';
        var mystr = '<div class="p" id="'+ioid+'" style="'+css+'"></div>';
        str += mystr;
    }
    $("#graph").html("<strong>"+i+" points</strong><div id=\"gIOIO\">"+str+"</div>");
    $("#graph #gIOIO").css({'border':'1px solid #ccc', 'height':'100%'});
}
htmlgraph(points);