將網絡圖與dc.js / crossfilter.js集成

Question

我正在尋找有關將網絡圖表與dc.js / crossfilter.js`集成的提示和指導。

假設我有一些這樣的數據：

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

使用普通的dc.js我可以很容易地顯示協調的dc.js顯示男女比例，同名人士的比例等。

我想將dc.js的功能與網絡圖結合起來，這樣我就可以顯示誰與誰相關。

這個想法是，即：當在餅圖中選擇“女性”時，網絡圖將重繪自身以僅顯示女性關系。

我知道這個問題可能含糊不清，僅適合本指南，但我花了數小時瀏覽互聯網，以結合dc.js圖表和網絡圖為例。

可以相對容易地實現將網絡圖與dc.js集成嗎？

Answer 1

您可以嘗試dc.graph.js

它使用交叉過濾器和訪問器函數遵循與dc.js相同的數據模型。 主要區別在於有兩個交叉濾波器實例，一個用於節點，一個用於邊緣。 而且，它在邊緣使用訪問器來檢索源框和目標框的鍵。

dc.graph.js仍處於試驗階段，但它絕對支持您描述的用例。 請嘗試一下，並報告任何問題或功能要求！