最近也一直在迭代多模態(tài)可視化搭建產(chǎn)品flowmix系列, 其中在做可視化流程引擎 flowmix/flow 的時(shí)候, 開源了一套工作流編輯器, 它可以輕松創(chuàng)建可視化工作流, 并且可以基于這套開源方案, 輕松定制企業(yè)自己的工作流引擎.

圖片

我們還可以使用它實(shí)現(xiàn)類似dify等可視化工作流.

圖片

開源地址: https://github.com/MrXujiang/flowmix-flow

線上demo: http://flowmix.turntip.cn/flow-v0

國(guó)內(nèi)鏡像: https://gitee.com/lowcode-china/flowmix-flow

當(dāng)然在設(shè)計(jì)工作流引擎的過程中, 也積累了大量的經(jīng)驗(yàn)和一些比較成熟和靠譜的工作流開源項(xiàng)目, 為了方便大家更好的熟悉和上手工作流開發(fā), 接下來我就和大家分享幾款我發(fā)現(xiàn)的比較靠譜的開源工作流方案.

1. LogicFlow

圖片

LogicFlow 是由滴滴體驗(yàn)平臺(tái)技術(shù)研發(fā)的一款解決流程可視化的前端框架，提供了一系列流程圖交互、編輯所必需的功能和簡(jiǎn)單靈活的節(jié)點(diǎn)自定義、插件等拓展機(jī)制，方便我們快速在業(yè)務(wù)系統(tǒng)內(nèi)滿足類流程圖的需求。目前，LogicFlow 已經(jīng)支持了客服業(yè)務(wù)下 IVR、工單流轉(zhuǎn)、智能機(jī)器人等多個(gè)運(yùn)營(yíng)系統(tǒng)，在各系統(tǒng)不同的流程配置需求中得到了驗(yàn)證。

github地址: https://github.com/didi/LogicFlow

2. mxgraphy

圖片

mxGraph 是一個(gè)完全在客戶端的 JavaScript 繪圖庫, 聽說知名的開源流程編輯器Draw.io 就是基于它開發(fā)的.

github地址: https://github.com/jgraph/mxgraph

3. minder

圖片

Minder主要用于 Elementary OS 的思維導(dǎo)圖應(yīng)用。

功能特點(diǎn)

• 可以通過鍵盤和自動(dòng)布局快速創(chuàng)建可視化思維導(dǎo)圖。
• 支持多種樹狀布局選擇。
• 支持 Markdown 格式。
• 支持插入 Unicode 字符。
• 能為節(jié)點(diǎn)添加注釋、任務(wù)和圖像。
• 可添加節(jié)點(diǎn)到節(jié)點(diǎn)的連接，并帶有可選文本和注釋。
• 能夠?qū)?jié)點(diǎn)、鏈接和連接進(jìn)行樣式設(shè)置，以增加意義和提高可讀性。
• 可添加貼紙和節(jié)點(diǎn)組來突出顯示和組織信息。
• 支持對(duì)節(jié)點(diǎn)和連接標(biāo)題及注釋進(jìn)行快速搜索，包括過濾選項(xiàng)。
• 能放大或啟用聚焦模式以專注于某些想法，或縮小以查看全局。
• 具有無限的撤銷 / 重做功能。
• 自動(dòng)在后臺(tái)保存。
• 節(jié)點(diǎn)分支有顏色區(qū)分。
• 可使用選項(xiàng)卡打開多個(gè)思維導(dǎo)圖。
• 內(nèi)置且可定制的主題。
• 有精美的動(dòng)畫效果。
• 支持從多種格式導(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 是一個(gè)簡(jiǎn)單、易用、完備的圖可視化引擎，它在高定制能力的基礎(chǔ)上，提供了一系列設(shè)計(jì)優(yōu)雅、便于使用的圖可視化解決方案。能幫助開發(fā)者搭建屬于自己的圖 圖分析 應(yīng)用或是 圖編輯器 應(yīng)用。

github地址: https://github.com/antvis/G6

5. Mind-Map

圖片

simple-mind-map【中文名：思緒思維導(dǎo)圖】是一個(gè)簡(jiǎn)單&強(qiáng)大的Web思維導(dǎo)圖庫，不依賴任何特定框架?？梢詭椭覀兛焖匍_發(fā)思維導(dǎo)圖產(chǎn)品。

它的使用也很簡(jiǎn)單, 我在flowmix/docx中集成了思維導(dǎo)圖組件, 可以支持在文檔中一鍵編輯思維導(dǎo)圖:

圖片

github地址: https://github.com/wanglin2/mind-map

6. flowmix/flow

圖片

一款開箱即用的開源可視化流程引擎。我們可以用它來實(shí)現(xiàn)類似于 Dify 等的可視化工作流。

github地址: https://github.com/MrXujiang/flowmix-flow

7. React-flow

圖片

React-Flow是一個(gè)用于構(gòu)建基于節(jié)點(diǎn)的編輯器和交互式圖表的可定制的 React 組件. 也就意味著我們可以用任何組件作為工作流的節(jié)點(diǎn), Dify也是基于它實(shí)現(xiàn), 我最近開源的Flowmix/flow 編輯器也是基于它進(jìn)行的二次開發(fā)和封裝.

github地址: https://github.com/xyflow/xyflow

8. Teammapper

圖片

teammapper 是一個(gè)開源項(xiàng)目，其目標(biāo)是讓思維導(dǎo)圖的創(chuàng)建和使用變得簡(jiǎn)單。用戶可以托管并創(chuàng)建自己的思維導(dǎo)圖，還能與團(tuán)隊(duì)分享思維導(dǎo)圖會(huì)話并進(jìn)行協(xié)作。

該項(xiàng)目基于已停止維護(hù)的 mindmapp 開發(fā)，與 mindmapp 不同的是，teammapper 具有基于 WebSockets 的團(tuán)隊(duì)共享思維導(dǎo)圖會(huì)話功能。

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

圖片

項(xiàng)目特點(diǎn)

• 能夠?qū)?Markdown 內(nèi)容可視化成思維導(dǎo)圖。
• 受到 dundalek 的 markmap 很大啟發(fā)。

它還提供了一個(gè)非常有意思的demo案例, 幫助我們即時(shí)看到轉(zhuǎn)化的效果:

圖片

github地址: https://github.com/markmap/markmap