d3形状不附加到csv文件

Question

我正在尝试制作d3散点图。我使用d3.csv加载csv数据文件。

当我追加数据文件的点时，没有任何圆形元素附加到画布上。

代码

<script>

var data;

//#############################################################################
//create domain and range of scatter plot for x and y
//#############################################################################
var svg = d3.select("body").append("svg").attr("width", 750).attr("height",500)

var xScale = d3.scale.linear().range([0,500]);

var yScale = d3.scale.linear().range([0,500]);

function render(data){
  xScale.domain(d3.extent(data, function(data){
    return data.year;
  }));

  yScale.domain(d3.extent(data, function(data){
    return data.avg_life;
  }));

  var points = svg.selectAll("circle")
                  .data(data)
                  .enter()
                  .append("circle")
                  .attr("r", 10)
                  .attr("cx", function(data){
                    xScale(data.year);
                  })
                  .attr("cy", function(data){
                    yScale(data.avg_life)
                  });
}

d3.csv("data.csv", function(d){
  data = d;
})
    </script>