<svg id="svg1" width="600" height="300">
</svg>
var mySvg = $('#svg1');
var datas = [90, 50, 170, 180, 50, 60],w = 50,h = 0,x = 20;
var y = mySvg.height() - 2
var xmlns = "http://www.w3.org/2000/svg";
for(var i=0,max=datas.length;i<max;i++){
h = datas[i];
let bar = $(document.createElementNS(xmlns, "rect")).attr({
x: x,
y: y-h,
width: w,
height: h,
fill: "blue"
});
$("#svg1").append(bar)
x = x + w + 10;
}
This Pen doesn't use any external CSS resources.