didi/LogicFlow

Что это?

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

• 01Настраиваемые узлы, рёбра и стили для создания диаграмм под конкретную предметную область.
• 02Система плагинов с официальными пакетами расширений и компоновки.
• 03Преобразование данных диаграмм в форматы BPMN и Turbo и обратно.
• 04Встроенный движок для выполнения логики блок-схем в браузере.
• 05Отрисовка с помощью SVG в редакторе на основе холста.

Сценарии использования

• Добавление редактора блок-схем или процессов согласования во внутреннюю бизнес-систему.
• Создание редакторов ER-диаграмм, UML-диаграмм или интеллект-карт на общей основе для работы с диаграммами.
• Экспорт визуальных процессов в BPMN для серверного движка обработки процессов.
• Выполнение простой логики блок-схем непосредственно в браузере.

Быстрый старт

1. 1

   Установите основные пакеты и пакеты расширений с помощью npm

   npm install @logicflow/core @logicflow/extension --save
2. 2

   Добавьте элемент-контейнер на HTML-страницу

3. 3

   Создайте экземпляр LogicFlow, указав контейнер, и отобразите данные

Что важно знать

• !Требуется браузерная среда фронтенда с TypeScript или JavaScript.

В подборках

Темы

Частые вопросы

Что такое LogicFlow?

Фреймворк для редактирования блок-схем на TypeScript, позволяющий встраивать в бизнес-системы настраиваемые редакторы диаграмм: блок-схем, интеллект-карт, ER- и BPMN-диаграмм. LogicFlow — фреймворк для редактирования блок-схем с необходимыми для таких диаграмм функциями взаимодействия и редактирования. Благодаря ему команды могут добавлять подобные редакторы в собственные бизнес-системы, не создавая их с нуля. В комплекте есть холст с узлами и рёбрами, а также точки расширения для пользовательских узлов, соединителей, стилей и плагинов.

LogicFlow можно использовать бесплатно? Какая у него лицензия?

LogicFlow распространяется с открытым исходным кодом под лицензией Apache-2.0. Перед использованием в коммерческих продуктах проверьте условия лицензии.

LogicFlow всё ещё поддерживается?

Активно поддерживается. Последний коммит в LogicFlow — 24 окт. 2026 г..

Для чего можно использовать LogicFlow?

Добавление редактора блок-схем или процессов согласования во внутреннюю бизнес-систему. Создание редакторов ER-диаграмм, UML-диаграмм или интеллект-карт на общей основе для работы с диаграммами. Экспорт визуальных процессов в BPMN для серверного движка обработки процессов. Выполнение простой логики блок-схем непосредственно в браузере.

Как установить LogicFlow?

Установите основные пакеты и пакеты расширений с помощью npm: npm install @logicflow/core @logicflow/extension --save Добавьте элемент-контейнер на HTML-страницу Создайте экземпляр LogicFlow, указав контейнер, и отобразите данные

Где скачать LogicFlow?

Исходный код и инструкции по установке — на GitHub: https://github.com/didi/LogicFlow