Quantickle – Визуализация сетевых графов для аналитики угроз

Инструмент визуализации сетевых графов на основе браузера, построенный на Cytoscape.js. Quantickle помогает визуализировать и анализировать связанные данные любого типа, но ориентирован на аналитику угроз.

Установка

• Инструкция по установке

Содержание

• Обзор
• Возможности и примеры
• Основные понятия
• Модель данных
  • Форматы импорта и экспорта
• Раскладки (Layouts)
• Интеграции
• Рабочие процессы
• Конфигурация
• API
• Хранилище
• Устранение неполадок
• Структура проекта
• Дополнительная документация

Отказ от ответственности

Этот проект в значительной степени создан методом «vibecoding», поэтому соблюдайте соответствующие меры предосторожности. Код был проверен реальными программистами, но не защищён от уязвимостей. Не открывайте внешний доступ без тщательного аудита безопасности.

Обзор

Quantickle — это интерактивный инструментарий, работающий в первую очередь в браузере, для построения и изучения сетевых графов. Фронтенд (Cytoscape.js + пользовательский интерфейс) отвечает за отрисовку, редактирование и выполнение раскладок, а лёгкий Express-сервер отдаёт интерфейс, проксирует вызовы интеграций и опционально сохраняет графы в Neo4j. Иными словами, браузер управляет состоянием графа и визуализацией, тогда как сервер предоставляет ресурсы и интеграции по мере необходимости.

✨ Ключевые возможности

• По умолчанию без серверного хранилища: Графы живут в вашем браузере, пока вы не экспортируете их или не синхронизируете через интеграции.
• Несколько способов ввода данных:
  • Загрузка CSV/списка рёбер
  • Интеграция через REST API
  • Прямой ввод данных
• Высокая производительность:
  • Рендеринг WebGL для больших графов
  • Прогрессивная загрузка
  • Автоматическая оптимизация производительности
• Гибкая визуализация:
  • Более 20 алгоритмов раскладки
  • Настраиваемые стили узлов и рёбер
  • Поле информации для узлов с поддержкой Markdown
  • Динамическая фильтрация
  • Графы учитывают хронологию (таймлайны, окраска по времени)
• Стили кривых рёбер:
  • Редактор рёбер позволяет выбирать изогнутые (bezier), прямые, пучковые (unbundled-bezier), такси и округлённые такси.
  • Cytoscape также поддерживает стили haystack и segments через настраиваемые стили.
• Интерактивный интерфейс:
  • Элементы управления масштабом/панорамированием
  • Перетаскивание узлов
  • Инструменты выделения
  • Поиск
  • Граф не сдвигается при перемещении отдельных узлов
  • Контейнерные узлы для группировки связанных элементов
  • Добавление выносок и изображений для контекста
  • Все поверхности могут иметь настраиваемые иконки и фоны
• Связываемые графы:
  • Добавьте узлы-графы для создания точки перехода к другому графу
  • Целевой граф отобразит кнопку «Назад»
  • Связывайте графы в древовидные структуры и дашборды

Возможности и примеры

Вот несколько примеров того, что умеет Quantickle:

Настройка всего: фоны, иконки, выноски, типы узлов и рёбер, а также области исследования