var svg = d3.select("#chartArea").append("svg") .attr("width", 600) .attr("height", 600) .append('g').attr('transform','translate(300,300)') var num = 15 var rectWidth = 40 //Make width dependent on num var barHeight = 190 for(var i = 0; i < num; i++){ svg.append("rect") .attr({ width: rectWidth, height: barHeight, x: 0, y: num*7.5, fill: "#9eb6bc", transform: 'rotate(' + (360/num * i) + ') translate('+ (-rectWidth/2) + ', 0)' }); svg.append("rect") .attr({ width: rectWidth/3, height: Math.random()*barHeight, x: 0, y: num*7.5, fill: "#535651", transform: 'rotate(' + (360/num * i) + ') translate('+ (-rectWidth/3/2) + ', 0)' }); }