4

如何使用 D3 创建以下图表?我不知道这种可视化的名称,我能找到的最接近的是“力导向”图。

图例:填充节点是人,非填充节点是属性(例如喜欢的颜色)。

预期图表

4

2 回答 2

4

这是我的版本:http: //jsfiddle.net/doraeimo/JEcdS/embedded/result/ 很容易展示系统性能和网络流量。

code is not here
于 2013-06-17T07:20:37.540 回答
1

一起破解了一个粗俗但有效的版本:http ://bl.ocks.org/hijonathan/5793014

基本上,我从一组people具有一些属性的节点开始。然后我循环遍历它并为每个属性生成新节点,向其中添加一个target以将其链接回原始节点。

从那里,您可以使用在这两种节点类型上设置的属性来设置它们的样式并创建相应的节点。

于 2013-06-17T02:23:51.680 回答