d3.js：如何創建「強制導向圖簇」

我一直在探索d3.js庫，尤其是強制有向圖創建。我仔細閱讀了Bostock等人的論文，並注意到了我正在試圖創建的圖表的精確類型，基本上是一個帶有顏色編碼區域的力量有向圖，圍繞着羽毛羣。d3.js：如何創建「強制導向圖簇」

它是在第3列2行，在這裏，標有「力向圖集羣」的例證： http://vis.stanford.edu/papers/d3

代碼在這裏生成的基本圖形： http://mbostock.github.com/d3/ex/force.html

我的問題是：什麼是動態生成區域多邊形的代碼？

來源

2012-05-24 AcroYogi

查看D3倉庫中的force-cluster example。

來源

2012-05-24 06:23:22 mbostock

感謝麥克。我看着那個......那個代表集羣的可擴展圓圈。該代碼是否可用於渲染實際動態多邊形，如圖所示？ – AcroYogi

具體爲：http://gregroberts.com/img/fdgc.png – AcroYogi

現在鏈接是404。你能解決它嗎？ – bluesmoon

如果你指的是會在圖中圓形的節點代碼：

var node = svg.selectAll("circle.node") 
     .data(json.nodes) 
    .enter().append("circle") 
     .attr("class", "node") 
     .attr("r", 5) 
     .style("fill", function(d) { return color(d.group); }) 
     .call(force.drag);

來源

2012-05-24 19:55:52 trevorism

你可以嘗試例如船體代碼與力量整合的節點。

赫爾： http://bl.ocks.org/mbostock/4341699

力佈局： http://bl.ocks.org/mbostock/1021841

這是我在評論中給出了答案：

http://bl.ocks.org/donaldh/2920551

來源

2012-05-25 22:34:40 donaldh

@donaldh絕對是一個正確的方向......現在只有當我是一個編碼人員......我是一個設計師，你能否提出一些更具體的集成示例 – AcroYogi

I我想自己試驗這個，所以他們已經破解了力 - 多焦點的例子來增加一個凸包。 [http://bl.ocks.org/2918073](http://bl.ocks.org/2918073）。當我有機會時，我會擴展這個例子來創建一個圍繞每個節點類別的路徑。 – donaldh

好的，這裏是v2，每個節點集羣都有一個凸包。 http://bl.ocks.org/2920551。 bl.ocks.org似乎正在下降，所以這裏是要點https://gist.github.com/2920551 – donaldh

d3.js：如何創建「強制導向圖簇」

回答

相關問題