强制有向图 - 定义节点的颜色，如果节点同时是源和目标

【问题标题】：force directed graph - define the color of a node, if the node is source and target at the same time强制有向图 - 定义节点的颜色，如果节点同时是源和目标
【发布时间】：2023-03-25 07:52:01
【问题描述】：

我创建了一个像 this 这样的力导向图，它可以与 miserables.js 等结构的 JSON 文件一起使用。可视化显示了相互引用的出版物之间的网络。

以下代码定义了源节点和目标节点的颜色：

var color = d3.scale.category10();...

.style("fill", function(d) { return color(d.group); })

那么，如何定义一个节点的颜色，它同时是源和目标？

【问题讨论】：

标签： javascript colors styles scale d3.js

【解决方案1】：

颜色是根据节点的组来设置的，节点组是从JSONdata source加载的。因此，我认为您需要预处理数据以添加其他组。

例如，假设存在三种节点类型：source=1、target=2、both=3。 D3 JSON 数据源指定节点和节点之间的链接。

例如：

{
    "nodes":[
        {"name":"source","type":"source","group":1},
        {"name":"target","type":"target","group":2},
        {"name":"source & target","type":"both","group":3}
    ],
    "links":[
        {"source":0,"target":1,"value":1},
        {"source":0,"target":2,"value":2},
        {"source":2,"target":1,"value":3}
    ]
}

这方面的一个运行示例是here。如果您将鼠标悬停在节点上，您将看到显示每个节点类型的工具提示。

【讨论】：