文本生成流程图 泰酷啦 Excalidraw Mermaid Obsidian

前言

介绍一个很酷的工具,Mermaid to Excalidraw 。作用是用代码生成流程图。

 Mermaid 是一款强大的、轻量级的文本到图表的转换工具,它允许用户使用简单的Markdown风格的语法编写文本描述,然后通过JavaScript引擎将其转换成美观的图表。Mermaid的设计初衷是为了简化图表的创建过程,让用户能够更专注于内容本身而非复杂的图形界面操作。

Obsidian Excalidraw 可以直接用这个作图,而且部分类型图还可以编辑,简直完美。 再结合大预言模型,我们可以快速做出好看的流程图,还不来看下 QAQ。

操作步骤

打开 Obsidian Excalidraw 点击工具栏最右侧工具图标,选择 Mermaid to Excalidraw

image.png

 具体语法在 Mermaid 官网有,我们不需要了解的很深。因为可以借助大预言模型直接抄作业。

image.png

把文本代码微调下,就可以了。

graph TD
Start((开始)) --> QCCheck(质控判断)
QCCheck -->|合格| DataAnalysis(数据分析)
QCCheck -->|异常| InvalidData(无效数据)
DataAnalysis -->|正常| PollutionAnalysis(污染原因分析)
DataAnalysis -->|异常| 无效数据
PollutionAnalysis -->|污染指标同时上升| 上下游污染传递
PollutionAnalysis -->|pH等指标相关性| 藻类影响
PollutionAnalysis -->|雨量相关性| 雨污混流

image.png

 然后插入 Excalidraw 中优化下就可以了。 

image.png

 不到 3 分钟完成流程图绘制,而且是可以复制的,是不是很方便。

这个功能远远不止流程图这么简单,还可以绘制,饼图、序列图、甘特图、思维导图、折线图、雷达图,简直是个宝藏功能。其中流程图(Flowchart)、时序图(Sequence Diagram)和类图(Class Diagram)是支持在 Obsidian Excalidraw 中编辑的,其他的只能作为图片插入。当然作为图片插入也很好看~

image.png

End

如果觉得有用,别忘了点赞、收藏、关注、留言、分享哦。
微信公众号:环境猫er

  

### 寻找能够绘制流程图并自动生成Mermaid代码的工具 #### 工具概述 一些现代绘图工具支持将图形化的流程图转换Mermaid语法代码,这使得用户可以在不熟悉Mermaid具体语法规则的情况下轻松创建兼容Mermaid的图表。这些工具有助于提高工作效率,并减少错误的发生。 #### 推荐使用的软件 - **Draw.io (diagrams.net)** Draw.io 是一款广泛使用的在线图表编辑器,允许用户绘制多种类型的图表并将它们导出为不同的格式。值得注意的是,该平台提供了插件功能来生成Mermaid代码[^2]。这意味着用户可以直接在平台上设计好自己的流程图之后一键获取对应的Mermaid源码。 - **Obsidian with Excalidraw Plugin** Obsidian是一款强大的笔记应用,当安装Excalidraw插件后,可以实现在应用程序内部直接画图并且即时预览所生成的Mermaid代码。这种方式非常适合那些习惯使用Markdown写作的人士,在编写文档的同时嵌入动态更新的图表。 - **DeepSeek 配合 Mermaid 使用** Deepseek作为一个AI辅助开发环境,能帮助开发者更高效地工作。结合Mermaid的支持,可以通过自然语言描述的方式让机器理解需求进而自动构建相应的流程图结构,并最终输出标准的Mermaid标记语言文本。 ```mermaid graph TD; A[Start]; B{Choose Tool}; C["Draw.io"]; D["Obsidian w/ Excalidraw"]; E["DeepSeek & Mermaid"]; A --> B; B -- "Option 1" --> C; B -- "Option 2" --> D; B -- "Option 3" --> E; style A fill:#f96,stroke:#333,stroke-width:4px; style B fill:#bbf,stroke:#000,stroke-width:2px; ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

细节处有神明

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值