聊聊十款開源工作流+思維導圖項目
最近也一直在迭代多模態可視化搭建產品flowmix系列, 其中在做可視化流程引擎 flowmix/flow 的時候, 開源了一套工作流編輯器, 它可以輕松創建可視化工作流, 并且可以基于這套開源方案, 輕松定制企業自己的工作流引擎.
圖片
我們還可以使用它實現類似dify等可視化工作流.
圖片
開源地址: https://github.com/MrXujiang/flowmix-flow
線上demo: http://flowmix.turntip.cn/flow-v0
國內鏡像: https://gitee.com/lowcode-china/flowmix-flow
當然在設計工作流引擎的過程中, 也積累了大量的經驗和一些比較成熟和靠譜的工作流開源項目, 為了方便大家更好的熟悉和上手工作流開發, 接下來我就和大家分享幾款我發現的比較靠譜的開源工作流方案.
1. LogicFlow
圖片
LogicFlow 是由滴滴體驗平臺技術研發的一款解決流程可視化的前端框架,提供了一系列流程圖交互、編輯所必需的功能和簡單靈活的節點自定義、插件等拓展機制,方便我們快速在業務系統內滿足類流程圖的需求。目前,LogicFlow 已經支持了客服業務下 IVR、工單流轉、智能機器人等多個運營系統,在各系統不同的流程配置需求中得到了驗證。
github地址: https://github.com/didi/LogicFlow
2. mxgraphy
圖片
mxGraph 是一個完全在客戶端的 JavaScript 繪圖庫, 聽說知名的開源流程編輯器Draw.io 就是基于它開發的.
github地址: https://github.com/jgraph/mxgraph
3. minder
圖片
Minder主要用于 Elementary OS 的思維導圖應用。
功能特點
- 可以通過鍵盤和自動布局快速創建可視化思維導圖。
- 支持多種樹狀布局選擇。
- 支持 Markdown 格式。
- 支持插入 Unicode 字符。
- 能為節點添加注釋、任務和圖像。
- 可添加節點到節點的連接,并帶有可選文本和注釋。
- 能夠對節點、鏈接和連接進行樣式設置,以增加意義和提高可讀性。
- 可添加貼紙和節點組來突出顯示和組織信息。
- 支持對節點和連接標題及注釋進行快速搜索,包括過濾選項。
- 能放大或啟用聚焦模式以專注于某些想法,或縮小以查看全局。
- 具有無限的撤銷 / 重做功能。
- 自動在后臺保存。
- 節點分支有顏色區分。
- 可使用選項卡打開多個思維導圖。
- 內置且可定制的主題。
- 有精美的動畫效果。
- 支持從多種格式導入,如 OPML、FreeMind、Freeplane、PlainText、Outliner、Portable Minder、filesystem 和 XMind 等。
- 可導出為多種格式,如 CSV、FreeMind、Freeplane、JPEG、BMP、SVG、Markdown、Mermaid、OPML、Org-Mode、Outliner、PDF、PNG、Portable Minder、PlainText、filesystem、XMind 和 yEd 等。
- 支持打印。
githu地址: https://github.com/phase1geo/minder
4. antv/G6
圖片
G6 是一個簡單、易用、完備的圖可視化引擎,它在高定制能力的基礎上,提供了一系列設計優雅、便于使用的圖可視化解決方案。能幫助開發者搭建屬于自己的圖 圖分析 應用或是 圖編輯器 應用。
github地址: https://github.com/antvis/G6
5. Mind-Map
圖片
simple-mind-map【中文名:思緒思維導圖】是一個簡單&強大的Web思維導圖庫,不依賴任何特定框架。可以幫助我們快速開發思維導圖產品。
它的使用也很簡單, 我在flowmix/docx中集成了思維導圖組件, 可以支持在文檔中一鍵編輯思維導圖:
圖片
github地址: https://github.com/wanglin2/mind-map
6. flowmix/flow
圖片
一款開箱即用的開源可視化流程引擎。我們可以用它來實現類似于 Dify 等的可視化工作流。
github地址: https://github.com/MrXujiang/flowmix-flow
7. React-flow
圖片
React-Flow是一個用于構建基于節點的編輯器和交互式圖表的可定制的 React 組件. 也就意味著我們可以用任何組件作為工作流的節點, Dify也是基于它實現, 我最近開源的Flowmix/flow 編輯器也是基于它進行的二次開發和封裝.
github地址: https://github.com/xyflow/xyflow
8. Teammapper
圖片
teammapper 是一個開源項目,其目標是讓思維導圖的創建和使用變得簡單。用戶可以托管并創建自己的思維導圖,還能與團隊分享思維導圖會話并進行協作。
該項目基于已停止維護的 mindmapp 開發,與 mindmapp 不同的是,teammapper 具有基于 WebSockets 的團隊共享思維導圖會話功能。
github地址: https://github.com/b310-digital/teammapper
9. Antv/X6
圖片
X6 是基于 HTML 和 SVG 的圖編輯引擎,提供低成本的定制能力和開箱即用的內置擴展,方便我們快速搭建 DAG 圖、ER 圖、流程圖、血緣圖等應用。
github地址: https://github.com/antvis/x6
10. MarkMap
圖片
項目特點
- 能夠將 Markdown 內容可視化成思維導圖。
- 受到 dundalek 的 markmap 很大啟發。
它還提供了一個非常有意思的demo案例, 幫助我們即時看到轉化的效果:
圖片
github地址: https://github.com/markmap/markmap






























