Визуализация сети JavaScript?

Question

Я ищу библиотеку для визуализации сети.

Мне просто нужно добавить некоторые узлы (у узла есть текст на них), добавить ребра между ними, (ребра направлены и имеют на них текст). Я не хочу, чтобы положение позиции было вручную.

Я хотел бы API просто:

var node1 = X.addNode(1, "Hello"), 
    node2 = X.addNode(2, "World"); 
X.addEdge(node1, node2, "helloworld"); 

Я искал в течение нескольких часов, после того, как посмотрел arborjs, sigma.js, d3.js, JavaScript InfoVis Toolkit, ни один из них не удовлетворил меня.

Есть ли что-нибудь еще, что я могу попробовать?

Answer 1

Отъезд VivaGraphJS.
Визуализация амазонки sample от VivaGraphJS.

Конфигурация компоновки sample использует WebGL как средство визуализации.

Answer 2

В чем проблема с sigma.js? Сайт библиотеки имеет очень простой пример, чтобы нарисовать узлы и ребра:

var sigRoot = document.getElementById('sig'); 
var sigInst = sigma.init(sigRoot); 
sigInst.addNode('hello',{ 
label: 'Hello', 
color: '#ff0000' 
}).addNode('world',{ 
label: 'World !', 
color: '#00ff00' 
}).addEdge('hello_world','hello','world').draw(); 

Answer 3

Проверить эту страницу sigma.js
http://sigmajs.org/examples/a_plugin_example.html
, и вы увидите, как они делают случайный или круговое расположение.

Answer 4

Производим mxGraph, но обратите внимание, что это коммерческая библиотека, а не с открытым исходным кодом. Я не совсем уверен, почему библиотеки с открытым исходным кодом, которые вы указали, не удались, но, конечно, формирование графика, установка геометрии и меток - это довольно тривиальные вызовы функций.

Answer 5

Попробуйте cne-tnetwork. Это библиотека визуализации javascript для создания и рисования сетевых графиков. Совместимость с SVG и HTML 5. Он публично доступен на github, лицензированном по лицензии GNU Afferro. Вы можете найти, как использовать его в библиотеке readme. Он имеет режим перетаскивания узлов. Связи между узлами могут быть однонаправленными, двунаправленными или даже «автобусами», которые соединяют несколько элементов. С помощью CSS вы можете настроить все свои стили (узлы, ссылки, стрелки, шины ...).

Answer 6

Я нашел эту javascript-библиотеку, чтобы быть полезной. Проверьте страницу примеров сети:

visjs