Библиотеки визуализации графов в JavaScript

Я только что собрал то, что вы, возможно, ищете:http://www.graphdracula.net

это JavaScript с направленной компоновкой графов, SVG,и вы даже можете перетаскивать узлы. Все еще нуждается в некоторой настройке, но полностью используется. Вы легко создаете узлы и ребра с помощью кода JavaScript следующим образом:

var g = new Graph();
g.addEdge("strawberry", "cherry");
g.addEdge("cherry", "apple");
g.addEdge("id34", "cherry");

я использовал ранее упомянутую библиотеку Raphael JS (пример graffle) плюс некоторый код для алгоритма компоновки графа на основе силы, который я нашел на чистая (все с открытым исходным кодом, лицензия MIT). Если у вас есть какие-либо замечания или вам нужна определенная функция, я могу ее реализовать, просто спросите!

возможно, вы захотите взглянуть и на другие проекты! Ниже приведены два мета-сравнения:

• SocialCompare имеет обширный список библиотек, и линия" Node / edge graph " будет фильтровать для визуализации графа.

• DataVisualization.ч уже оценили многие библиотеки, в том числе узловые/графовые. К сожалению, нет прямой ссылки, поэтому вам придется фильтровать для "graph":

вот список подобных проектов (некоторые из них уже упоминались здесь):

Чистые Библиотеки JavaScript

• vis.js поддержка многих типов сетевых / краевых графиков, а также графиков и 2D / 3D-диаграмм. Авто-макет, авто-кластеризация, пружинящий физический движок, передвижн-содружественный, навигация клавиатуры, иерархический план, одушевленност etc. MIT licensed и разработана голландской фирмой, специализирующейся на исследованиях самоорганизующихся сетей.

• Cytoscape.js - интерактивный анализ и визуализация графика с мобильной поддержкой, следуя соглашениям jQuery. Финансируется через гранты NIH и разработан by @maxkfranz (см. его ответ ниже) С помощью нескольких университетов и другие организации.

• Инструментарий JavaScript InfoVis - Jit, интерактивный, многоцелевой графический рисунок и структура макета. См., например,Гиперболическое Дерево. Построенный архитектором Twitter dataviz Николя Гарсия Бельмонте и купил Сенча в 2010 году.

• D3.js мощная многоцелевая библиотека визуализации JS, преемник Protovis. Увидеть форс-ориентированный граф пример и другие примеры графиков в галерея.

• Plotly это библиотека визуализации JS использует D3.JS с привязками JS, Python, R и MATLAB. См. пример nexworkx в IPython здесь пример взаимодействия человека здесь и JS Embed API.

• Сигма.js легкая, но мощная библиотека для рисования графики

• jsPlumb jQuery-плагин для создания интерактивных связных графов

• пружинистой - алгоритм компоновки силового графа

• обработка.js Javascript порт библиотеки обработки по John Resig

• JS график это - перетаскивание коробок, Соединенных прямыми линиями. Минимальный автоматическ-план русло.

• RaphaelJS по graffle по - пример интерактивного графика универсальной многоцелевой библиотеки векторного рисования. RaphaelJS не может автоматически компоновать узлы; для этого вам понадобится другая библиотека.

• Ядро JointJS - MPL-лицензированная библиотека диаграмм с открытым исходным кодом Дэвида дурмана. Его можно использовать для создания статических диаграмм или полностью интерактивных инструментов построения диаграмм и приложений. Работает в браузерах поддержка SVG. Алгоритмы компоновки не включены в основной пакет

• mxGraph ранее коммерческий HTML в библиотеке 5 диаграмм, теперь доступен под Apache версии 2.0. mxGraph-базовая библиотека, используемая в ничья.io.

коммерческие библиотеки

• GoJS интерактивная графическая библиотека рисования и компоновки

• yFiles для HTML-код коммерческий график рисунок и библиотека макета

• KeyLines коммерческий JS Network visualization toolkit

• ZoomCharts коммерческая многоцелевая библиотека визуализации

заброшенный библиотеки

• Cytoscape Web встраиваемый JS Network viewer (никаких новых функций не планируется; успешно Cytoscape.в JS)

• Canviz JS рендерер для графов Graphviz. бросил В сентябре 2013 года.

• Арбор.js сложные графики с хорошей физикой и глаз конфеты. Брошенные в мае 2012 года. Несколько полу-сохранить - Форкс.

• jssvggraph " реализован простейший алгоритм компоновки графа, ориентированный на силу как библиотека Javascript, которая использует объекты SVG". Брошенные в 2012 году.

• jsdot применение чертежа диаграммы стороны клиента. заброшен в 2011.

• Protovis графический инструментарий для визуализации (JavaScript). Заменены Д3.

• МОО Колеса интерактивное представление JS для соединений и отношений (2008)

• JSViz 2007-эра графической визуализации скрипта

• дагре макет графика для JavaScript

Библиотеки Без Javascript

• Graphviz сложный язык визуализации графа

  • Graphviz был скомпилирован на Javascript с помощью Emscripten здесь С онлайн интерактивная демонстрация здесь

• вспышка красивая и мощная вспышка на основе графического рисунка

• NodeBox Визуализация Графика Python