5

私は d3.js ライブラリ、特に強制指向のグラフ作成を調査してきました。ボストックらの論文を熟読し、作成しようとしているグラフの正確なタイプに気付きました。基本的には、羽のグループを囲む色分けされた領域を持つ力指向グラフです。

これは、3 列目 2 行目の図で、「力指向グラフ クラスター」とラベル付けされています: http://vis.stanford.edu/papers/d3

ここのコードは基本的なグラフを生成します: http://mbostock.github.com/d3/ex/force.html

私の質問は: 地域ポリゴンを動的に生成するコードは何ですか?

4

3 に答える 3

8

船体コードの例をフォースノードと統合してみることができます。

船体： http： //bl.ocks.org/mbostock/4341699

強制レイアウト： http： //bl.ocks.org/mbostock/1021841

これは私がコメントで提供した答えです：

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

于 2012-05-25T22:34:40.163 に答える
4

D3 のリポジトリにあるforce-cluster の例を参照してください。

于 2012-05-24T06:23:22.970 に答える
1

グラフに円形ノードを作成するコードを参照している場合:

   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-24T19:55:52.823 に答える