svg map不会显示d3＆amp;以GeoJSON

Question

我正在尝试使用d3创建动态地图。我将shapefile转换为geoJSON，然后尝试创建svg图像并使用d3绑定我的geoJSON数据。我页面上显示的所有内容都是空白或白色svg图像（700 x 700）。我该如何透露地图？代码如下所示：

$(function() {

var canvas = d3.select("body").append("svg")
  .attr("width", 700)
  .attr("height", 700)

d3.json("nysd.geojson", function(data) {
  var group = canvas.selectAll("g")
    .data(data.features)
    .enter()
    .append("g")

  var projection = d3.geo.mercator().scale(5000).translate([0,1980]);
  var path = d3.geo.path().projection(projection);

  var areas = group.append("path")
      .attr("d", path)
      .attr("class", "area")
      .attr("fill", steelblue);
});

});