<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;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js