Интеграция сетевого графика с 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 с сетевым графиком, поэтому я могу показать, кто связан с кем.

Идея заключается в том, что: при выборе «самки» в piechart сетевой график будет перерисовываться, чтобы показать исключительно женские отношения.

Я знаю, что вопрос может быть расплывчатым и только слабо соответствовать руководящим принципам, но я потратил часы, перекапывая в Интернет, на примере объединения диаграмм dc.js с сетевой диаграммой.

Можно ли относительно легко вычислить сетевой график с dc.js?

Answer 1

Вы можете попробовать dc.graph.js

Отсюда следует такой же модели данных, как dc.js, используя crossfilter и функции доступа. Основное отличие состоит в том, что есть два экземпляра crossfilter, один для узлов и один для ребер. Кроме того, он использует аксессоры по краям для извлечения ключей исходного и целевого ящиков.

dc.graph.js все еще экспериментальный, но он определенно поддерживает используемый вами случай использования. Пожалуйста, попробуйте и сообщите о любых проблемах или пожеланиях!