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