如何使用React創建d3強制佈局圖形

Question

我想使用ReactJS創建d3 force layout graph。

我已經使用React + d3創建了其他圖，如餅圖，折線圖，直方圖。現在我想知道如何構建一個像d3 force佈局那樣的svg圖形，它涉及物理和用戶交互。

這裏是什麼，我想建立http://bl.ocks.org/mbostock/4062045

Answer 1

科林·梅吉爾對這個偉大的博客帖子的例子：http://formidable.com/blog/2015/05/21/react-d3-layouts/。還有一個工作jsbin http://jsbin.com/fanofa/14/embed?js,output。有一個b.locks.org帳戶，JMStewart，他有一個有趣的實現，它將dact代碼包裝爲React：http://bl.ocks.org/JMStewart/f0dc27409658ab04d1c8。

每個在React中實施強制佈局的人都會注意到性能損失很小。對於複雜的圖表（超過100個節點），這變得更加嚴重。

注意：有一個open issue反作用力運動的力量（否則這是一個很好的反應解決方案），但它沒有沉默。