如何在這個d3.js視覺中用一條線連接兩個弧線

Question

我在線看到一個信息圖表，我想用它作爲學習d3.js的挑戰。原來的信息圖表是在這裏：

http://www.shah3d.com/wp-content/uploads/2012/11/IG-WWF-Dehahs.png

我做了一個在這裏開始： http://www.tips-for-excel.com/d3test/arc/arc%20test.html

你會發現，原來一直從底部帶有圓弧沿着鏈接弧形線條好看頂端。到目前爲止，我只能想到痛苦地放置很多圓來達到這種效果，因此目前在我的視覺中出現了奇怪的紅色圓圈。人們最好的方法是複製原始圖形？哪個元素會使這個任務更容易？弧？行？我想我必須操縱我的數據，以便線條走到他們想要的地方。

如果需要，歡迎提供更多信息，並感謝您花時間閱讀本文。

Answer 1

有幾個現有的圖表從D3的galleries關閉的工作：

http://bl.ocks.org/4062006

http://bost.ocks.org/mike/uberdata/

兩者都使用的弦的長度爲行程（最初）的寬度，但你當然可以修補它。

以圖形方式，您可以使用arcs或帶周圍剪輯的完整圓圈。至於「最好」的做法，這可能是出於您的圖形需要表現（動畫，相對弧位置等）的「要求」。

就我個人而言，我會走路徑弧。