reactjs - 如何在 React JS 中使用 D3 在 Force-Directed Graph 中同一组的节点周围创建一个凸包？

Question

我正在使用 React JS 中的 D3 库创建一个力导向图，我从 react-force-graph https://github.com/vasturiano/react-force-graph的示例中获取了bloom-effect 。现在我想扩展特征并围绕同一组的节点制作一个凸包，我该怎么做？

有多个文件，可以从 repo 访问它们。

这是虚拟数据集的样子

{
  "nodes": [
    {"id": "Myriel", "group": 1},
    {"id": "Napoleon", "group": 1},
    {"id": "Mlle.Baptistine", "group": 1},
    {"id": "Mme.Magloire", "group": 1},
    {"id": "CountessdeLo", "group": 1},
    {"id": "Geborand", "group": 1},
    {"id": "Champtercier", "group": 1},],
  "links": [
    {"source": "Napoleon", "target": "Myriel", "value": 1},
    {"source": "Mlle.Baptistine", "target": "Myriel", "value": 8},
    {"source": "Mme.Magloire", "target": "Myriel", "value": 10},
    {"source": "Mme.Magloire", "target": "Mlle.Baptistine", "value": 6},
    {"source": "CountessdeLo", "target": "Myriel", "value": 1},
    {"source": "Geborand", "target": "Myriel", "value": 1},
]
}

标签： reactjsd3-force-directed