javascript - d3.js を使用してマップ上に投影された長方形を描画します

Question

d3.jsを使用してマップ上に投影された長方形を描画する最もエレガントな方法はどれですか?

このソリューションはサークルに適しています

   var circ = d3.geo.circle();

    var circle = g.selectAll("path1")
        .data(dataset)

    circle.enter()
      .append("path")
        .attr("class", "point")
        .datum(function(d) {
            return circ
                .origin([d.x, d.y])
                .angle(3)()
        })
        .attr("d", path)

同様に、「D3 正射投影による円のクリップと投影」でも説明されています。

とにかく、どうやら はないようで、操作したいd3.geo.rect()正しい入力がどれなのか本当にわかりません。d3.geo.path()

たとえば、次の座標セットを見てみましょう。

    var route = {
        type: "LineString",
        coordinates: [
            [0,0],
            [0,60],
            [60,60],
            [60,0],
        ]
    }

    svg.append("path")
        .datum(route)
        .attr("class", "route")
        .attr("d", path);

これにより、この投影された長方形が得られます。

上の線が曲がっていて、投影に従っていないことがわかります。測地線に従うため (緯線は子午線とは異なる方法で定義されます)、正しいように聞こえますが、緯線に続く線を定義するにはどうすればよいでしょうか?

ご助力ありがとうございます！