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

时间:2016-01-12 21:27:22

标签: javascript graph dc.js crossfilter

我正在寻找有关将网络图表与dc.js / crossfilter.js进行整合的提示和指导。

我们说我有一些这样的数据:

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

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

我想要的是将dc.js的功能与网络图表结合起来,这样我就可以了解与谁有关。

这个想法就是:当选择"女性"在饼图中,网络图将重绘为仅显示女性关系。

我知道这个问题可能含糊不清,只是松散地符合指南,但我花了几个小时挖掘互联网,以便将dc.js图表与网络图表结合起来。< / p>

可以相对轻松地将网络图与dc.js集成吗?

1 个答案:

答案 0 :(得分:1)

您可以尝试dc.graph.js

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

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