LogicFlow 是一款基于 HTML5 和 JavaScript 技術的開源前端流程圖編輯框架，它提供了豐富的功能和靈活的擴展機制，適用于各種邏輯編排場景。該框架支持多種數據格式的渲染，并且對外提供許多 API，可以自定義節點和菜單。

LogicFlow官網網址：https://site.logic-flow.cn/

LogicFlow開源項目網址：https://github.com/didi/LogicFlow

LogicFlow 的主要特點包括：

• 高效繪制與展示：采用基于 canvas 的圖形繪制和基于 SVG 的圖形渲染技術，實現了高效的流程圖繪制和展示。
• 交互與編輯功能：提供了一系列流程圖交互、編輯所必需的功能，如節點自定義、插件等拓展機制。
• 無代碼平臺應用：在工作審批配置、機器人邏輯編排、無代碼平臺流程配置等方面有廣泛應用。
• 虛擬化瀏覽器和視覺檢查：支持虛擬化瀏覽器和視覺檢查，確保測試和維護的無縫集成。
• 易于使用：通過直觀的可視化界面，用戶可以輕松創建、編輯和管理復雜的邏輯流程圖。

LogicFlow 還支持 Vue、Angular 等現代前端框架的集成，提供了豐富的示例和教程，幫助開發者快速上手和實現定制化需求。例如，在 Vue3 中使用 LogicFlow 可以實現基礎的 BPMN 元素作為節點的一鍵布局，并支持更簡潔的輪廓小地圖。

LogicFlow 是一款功能強大且靈活的前端繪圖庫，適合用于繪制流程圖、思維導圖以及狀態機圖等，能夠滿足不同業務系統中的流程可視化需求。