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

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

我正在寻找有关将网络图表与 dc.js/crossfilter.js` 集成的技巧和指导。

假设我有这样的数据:

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

使用简单的 dc.js 我可以很容易地显示协调的饼图,显示 males/females 的比例、同名人员的百分比等。

我想把dc.js的特征和网络图结合起来,这样我就可以显示谁和谁有关系。

想法是,即:当在饼图中选择 "females" 时,网络图将重新绘制自身以仅显示女性关系。

我知道这个问题可能含糊不清,只是松散地符合指南,但我花了几个小时在互联网上挖掘将 dc.js 图表与网络图相结合的示例。

网络图与 dc.js 的集成是否相对容易实现?

你可以试试dc.graph.js

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

dc.graph.js 仍处于实验阶段,但它绝对支持您描述的用例。请试用并报告任何问题或功能请求!