СВЯЗИ / ДАННЫЕ / CYTOSCAPE.JS 3.34.4

Поймите, как всё связано

Девять задач с настоящим графом: от карты сервисов до маршрута и собственного JSON.

Учебные данные · без отправки на сервер · MIT

2. Выберите узлы и действие

Стрелка означает «вызывает / передаёт данные». Эта модель не предсказывает реальные отказы.

До 20 изменений данных. Перетаскивание не создаёт шаг истории.

3. Исследуйте граф

Узел можно перетащить. Стрелки показывают направление, цифры — вес связи. Для работы без жестов используйте списки и кнопки. Колесо над графом меняет масштаб.

Узлы списком — выбор без Canvas

Свой набор данных

Формат version:1, nodes, edges. До 60 узлов и 120 связей. Группы создаются по полю team. Неподходящий файл не заменяет текущие данные.

4. Заберите результат и исходники

Весь проект ZIP

HTML хранит текущие данные и выбранный сценарий. Сохраните его в public полного проекта рядом с app.js, style.css и vendor. Фильтры, подсветка и шаг обхода сбрасываются. Это не автономный файл без ресурсов.

Точные данные текущего графа

Код интерфейса · Данные и алгоритмы · Лицензии