obsidian 文本生成流程图 Excalidraw Mermaid

前言

介绍一个很酷的工具,Excalidraw Mermaid 。作用是用代码生成流程图。
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

如果觉得有用,别忘了点赞、收藏、关注、留言、分享哦。


obsidian 文本生成流程图 Excalidraw Mermaid
https://maoyu92.github.io/2024/05/29/04 经验分享/代码生成流程图 泰酷啦 Excalidraw Mermaid Syntax/
作者
陈文茂
发布于
2024年5月29日
许可协议