三角形散点图与D3.js

Question

我试图在example之后创建一个带有三角形点的散点图。但是我把所有的三角形都放在了左上角，这看起来很像。 任何人都可以帮忙解决和解释？

code:
        svg.selectAll(".point")
           .data(data)
           .enter()
           .append("path")
           .attr("class", "point")
           .attr("d", d3.svg.symbol().type("triangle-up"))
           .attr({
            cx: function(d) { return x(d.quality); },
            cy: function(d) { return y(d.Type); },
            r: 8
          })
           .style("fill", function(d){return color(d.Type);});