Мне нужно отобразить граф примерно с 1000 узлов и ребер. Узлы должны быть перетаскиваемыми, и все они должны работать в реальном времени без ожидания экранов.

Итак, я уже проверил множество фреймворков для визуализации js-графиков и до сих пор не могу найти решение.

Например, я взял "JavaScript InfoVis Toolkit" из вопроса: Какой самый быстрый, чистый Javascript, инструментарий для визуализации графиков? Это зависает на 250 узлах.

Все фреймворки работают довольно быстро, но только со 100-200 узлами. А на 500 узлах и ребрах они кидают исключения или вообще зависают.

Итак, вопрос: есть ли js-фреймворк, который мог бы работать с 500-1k узлов / ребер, или я должен реализовать что-то самостоятельно с использованием Canvas / WebGL.

javascript canvas svg webgl graph-visualization
6
Dmitry Zaets 31 Авг 2012 в 12:44
Не могли бы вы поделиться изображением того, как вы хотите, чтобы график выглядел?
 – 
MikaelEmtinger
1 Сен 2012 в 11:59
Как здесь: thejit.org/static/v20/Jit/Examples/ForceDirected /example1.html При этом пользователь должен видеть не все 1000 узлов :) Пользователь увидит только часть узлов, которые умещаются на экране (как часть увеличенного изображения)
 – 
Dmitry Zaets
3 Сен 2012 в 17:39
1
Хорошо, к сожалению, это будет непросто, но не невозможно. Я надеялся на что-то более жесткое (например, диаграмму или что-то в этом роде), которое можно было бы собрать в пару вызовов отрисовки WebGL. Беспокоит эффект пружины. Чтобы ускориться, вам нужно будет выполнить симуляцию пружины на графическом процессоре, используя текстуры с плавающей запятой ... Сложно;)
 – 
MikaelEmtinger
6 Сен 2012 в 11:02

1 ответ

Лучший ответ

Вы пробовали D3? http://d3js.org/

3
gmaliar 3 Сен 2012 в 18:12
2
Спасибо, отличная библиотека! Я пробовал "принудительный" пример с 1k узлов, но без ссылок, и он работает немного медленнее .. Думаю, мне также стоит попробовать пример без "принудительных" вычислений, он должен работать намного быстрее.
 – 
Dmitry Zaets
7 Сен 2012 в 11:47

Похожие вопросы

5 Настройка узла Spacetree набора средств визуализации JavaScript
1 Javascript направлена библиотека ациклических графов? (Визуализация графика НЕ обязательна)
3 Способность JavaScript InfoVis Toolkit обрабатывать большие объемы данных
1 Делаем граф удобным для человека/читабельным (500 узлов, 1600 ребер)
1 Можно ли редактировать узел на месте в любом наборе инструментов визуализации дерева javascript (желательно InfoVis)?
1 Скрыть HTML за пределами элемента холста в инструменте JavaScript InfoVis
5 Визуализация графа сети JavaScript
1 Ручное добавление узлов в JavaScript InfoVis Toolkit Force Directed Graph
1 Деление узлов более удаленными (визуализация графиков)
2 Максимальная визуализация потока с помощью JavaScript API — используйте d3.js или что-то подобное?
💵 Получи $100 на хостинг на 60 дней.
Регистрируйся!

Новые вопросы

2 HTML DOM — локальное хранилище
3 Как использовать код JavaScript в качестве ввода формы и прикрепить к коду прослушивателя событий элемента DOM
4 Использование Javascript для проверки совпадения двух электронных писем перед отправкой формы
2 Как преобразовать список файлов из данных формы в объект JavaScript?
2 Ошибка при реализации сортировки выбором в JavaScript.
1 Как сделать так, чтобы шаблон html в таблице имел первый столбец, делящийся на 4 ячейки, а второй столбец - только на одну ячейку?
2 В JavaScript есть способ сделать переменные глобальными, как это можно сделать в Python.
1 Возвращаемое значение функции не отображается в атрибуте заполнителя.
1 Пересеките два массива json и объедините все поля без явного именования полей для объединения.
1 Я хочу вызвать и изменить элемент, который хочу выбрать в тех же классах.
Все вопросы по теме javascript >

javascript

По вопросам программирования на ECMAScript (JavaScript/JS) и его различных диалектах/реализациях (кроме ActionScript). Обратите внимание, что JavaScript — это НЕ Java. Включите все теги, относящиеся к вашему вопросу: например, [node.js], [jQuery], [JSON], [ReactJS], [angular], [ember.js], [vue.js], [typescript], [стройный] и т. д.

Подробнее про javascript...