d3v4 - 变换转换为动态值

Question

我正在尝试在svg中绘制菱形。想法是在正方形中绘制rect然后旋转45度然后将其转换为特定位置：

d3.select(this.$el).select('svg').selectAll('g')
    .append('rect')
    .attr('transform', 
      function(d,i) {
      return d3.svg.transform()
          .translate(d.pricetargetpos - 5, (i+1) *itemh - itemh/2 -5)
          .rotate(-45);
      })
    .attr('width','10')
    .attr('height','10')
    .attr('fill', '#000000')

但它给了我错误。我该如何解决这个问题？