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

ops/2024/9/22 22:54:31/

前言

介绍一个很酷的工具,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

  


http://www.ppmy.cn/ops/44839.html

相关文章

【LeetCode】438.找到字符串中所有字母异位词

找到字符串中所有字母异位词 题目描述: 给定两个字符串 s 和 p,找到 s 中所有 p 的 异位词 的子串,返回这些子串的起始索引。不考虑答案输出的顺序。 异位词 指由相同字母重排列形成的字符串(包括相同的字符串)。 示…

包和final

一.什么是包? 包就是文件夹,用来管理各种不同功能的Java类,方便后期代码维护。 二.包名的规则 公司域名反写包的作用,需要全部英文小写,见名知意。 com.xxx.domain domain:这个包是干什么的。 三.使用其他类的规则 1.使用同一个包中的类时,不需要导…

vmware中Ubuntu虚拟机和本地电脑Win10互相ping通

初始状态 使用vmware17版本安装的Ubuntu的20版本,安装之后什么配置都要不懂,然后进行下述配置。 初始的时候是NAT,没动的. 设置 点击右键编辑“属性” 常规选择“启用”: 高级选择全部: 打开网络配置,右键属…

数据库设计实例---学习数据库最重要的应用之一

一、引言【可忽略】 在学习“数据库系统概述”这门课程时,我一直很好奇,这样一门必修课,究竟教会了我什么呢? 由于下课后,,没有拓展自己的眼界,上课时又局限于课堂上老师的讲课水平,…

风萧萧兮易水寒,壮士一去兮不复还 的 rm 命令

风萧萧兮易水寒,壮士一去兮不复还 的 rm 命令 风萧萧兮易水寒,壮士一去兮不复还 的 rm语法几个示例/bin/rm Argument list too long – Linux”配合find与xargs完成删除海量文件使用find的delete选项 快速删除大文件 风萧萧兮易水寒,壮士一去…

【数据结构】探索树中的奇妙世界

专栏介绍: 哈喽大家好,我是野生的编程萌新,首先感谢大家的观看。数据结构的学习者大多有这样的想法:数据结构很重要,一定要学好,但数据结构比较抽象,有些算法理解起来很困难,学的很累…

el-pagination在删除非第一页的最后一条数据遇到的问题

文章目录 前言一、问题展示二、解决方案三、源码解析1、elementui2、elementplus 总结 前言 这个问题是element-ui中的问题,可以从源码中看出来,虽然页码更新了,active也是对的,但是未调用current-change的方法,这里就…

2024广东省赛 G.Menji 和 gcd

题目 #include <bits/stdc.h> using namespace std; #define int long long #define pb push_back #define fi first #define se second #define lson p << 1 #define rson p << 1 | 1 #define ll long long const int maxn 1e6 5, inf 1e12, maxm 4e4 …