D3 Globe的基数样条

Question

我正在尝试在从多个坐标构建的线上实现D3基本插值。现在它不起作用，我只是进行线性插值。有任何想法吗？

这是我的小提琴（http://jsfiddle.net/Guill84/av0vrwko/）。请务必点击添加路径＆＃39;顶部的按钮......

这是应该生成样条线的片段代码。

var svg = d3.select("#body").select('svg');
  flows = svg.selectAll("path.flow")
    .data(data.features);

  flows.enter().append("svg:path")
    .classed("flow", true)
    .interpolate("cardinal")
    .style("fill", "none")
    .style("stroke", "black")
    .style("stroke-width", "1px")
    .attr("id", function(d) {
      return d.properties.name.split(' ').join('_')
    });

谢谢大家的时间！