如何使用d3在地球动画上创建平滑过渡？

// 创建SVG元素
var svg = d3.select("body")
  .append("svg")
  .attr("width", 500)
  .attr("height", 500);

// 创建地理路径生成器
var path = d3.geoPath();

// 创建正交投影
var projection = d3.geoOrthographic()
  .scale(250)
  .translate([250, 250]);

// 创建经纬网格线生成器
var graticule = d3.geoGraticule();

// 加载地理数据
d3.json("world.json", function(error, world) {
  if (error) throw error;

  // 绘制地球
  svg.append("path")
    .datum({type: "Sphere"})
    .attr("class", "sphere")
    .attr("d", path);

  // 绘制经纬网格线
  svg.append("path")
    .datum(graticule)
    .attr("class", "graticule")
    .attr("d", path);

  // 绘制地理数据
  svg.selectAll(".country")
    .data(topojson.feature(world, world.objects.countries).features)
    .enter().append("path")
    .attr("class", "country")
    .attr("d", path);
  
  // 创建过渡动画
  d3.transition()
    .duration(2000)
    .ease(d3.easeLinear)
    .tween("rotate", function() {
      var r = d3.interpolate(projection.rotate(), [0, 0]);
      return function(t) {
        projection.rotate(r(t));
        svg.selectAll("path").attr("d", path);
      };
    });
});