与D3的关系图

Question

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

图例：填充的节点是人，非填充的节点是属性（例如最喜欢的颜色）。

Answer 1

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

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

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