将网络图与dc.js/crosfilter.js集成

Integrating a network graph with dc.js/crossfilter.js

本文关键字：js 集成 crosfilter dc 网络      更新时间：2023-09-26

我正在寻找将网络图与dc.js/crosfilter.js`.集成的技巧和指导

假设我有一些这样的数据：

[
    {
        'name': 'john',
        'sexe': 'male',
        'relative': [
            'susy',
            'mark'
        ]
    },
    {
        'name': 'susy',
        'sexe': 'female',
        'relative': [
            'susy',
            'mark'
        ]
    }
    ...
]

使用普通的dc.js，我可以很容易地显示协调的花图，显示男性/女性的比例、同名者的百分比等。

我想要的是将dc.js的特性与网络图相结合，这样我就可以显示谁与谁有关系。

这个想法是：当在花图中选择"女性"时，网络图会重新绘制自己，专门显示女性关系。

我知道这个问题可能很模糊，只是不太符合指导方针，但我花了几个小时在互联网上搜索dc.js图表与网络图相结合的例子。

将网络图与dc.js集成是否可以相对容易地实现？

您可以尝试dc.graph.js

它遵循与dc.js相同的数据模型，使用交叉过滤器和访问器函数。主要区别在于有两个交叉过滤器实例，一个用于节点，另一个用于边。此外，它使用边缘上的访问器来检索源框和目标框的密钥。

dc.graph.js仍然是实验性的，但它肯定支持您描述的用例。请试用并报告任何问题或功能请求！

相关文章：