【工具】Mermaid + 大模型画流程图

简介: 最近看面试文章关于TCP三次握手和四次挥手的文章,时常会看到有类似的图去描述这样的过程。当然觉得这样的图还是蛮规范的,属于流程图的一种,是否有工具可以自动生成呢?但没有细想,昨天刷V2EX看到也有老哥发出了这样的问题。于是顺着评论区大佬的回答,我GET到了一个工具Mermaid这里三次握手的图取自小林coding的文章

引入

最近看面试文章关于TCP三次握手和四次挥手的文章,时常会看到有类似的图去描述这样的过程。当然觉得这样的图还是蛮规范的,属于流程图的一种,是否有工具可以自动生成呢?但没有细想,昨天刷V2EX看到也有老哥发出了这样的问题。于是顺着评论区大佬的回答,我GET到了一个工具Mermaid

这里三次握手的图取自小林coding的文章

使用

那该如何使用呢?我们通过举几个🌰来进行说明

画TCP三次握手

1️⃣ 打开 豆包 OR 其他大模型

2️⃣ 输入Prompt,这里我输入的是

我使用Mermaid,我想画一个TCP三次握手和4次挥手的Sequence图,能给我对应的Code吗

于是得到如下的结果:

3️⃣ 复制对应的代码,打开 Mermaid 网站,黏贴进去即可。

当然,如果你有ChatGPT4的话,就可以直接问GPT4直接生成啦。以下是GPT4直接生成的答案😋

了解历史人物

很多小伙伴问,用这个能玩出什么有意思的事情呢,这里我举一个🌰,用来画历史人物的出现的时期,比如说我们知道李白是盛唐时期的诗人,这里特意说明下,李白是诗人,不是刺客🐶。杜甫呢,运气不太好,是晚唐时期的诗人。但是很多时候,由于时间线,我们不是很清楚他们出现的时代。所以我们将唐朝的诗人按照时间线进行排序。

我这里输入的Prompt

我使用Mermaid,我想将唐朝最有名的10位诗人按照出现的时间顺序画出对应的图,你帮我确定什么图结构合适,并给我对应的Code

下面是 豆包 生成的答案。

GPT4生成的答案如下,采用的是Gantt图,不过都是英文😂

总结

感觉通过大模型 + Mermaid能提高不少效率。可以算是提高效率的秘籍了。

  1. 例如在学生时代,很多计算机的作业,例如 xxx 管理系统不仅可以直接让大模型生成代码,还可以直接生成Mermaid图,可以直接成为卷王中的卷王。😂
  2. 抑或是工作时期,直接根据需求用大模型生成对应的Java代码,然后在用Mermaid生成对应的Class图,1天的活直接半小时完成了,接下来可以继续摸鱼刷社区了,🤤

目录
相关文章
|
5月前
|
测试技术 开发者
设计文档中的流程图,靠得住吗?
本文讨论了软件开发设计文档中图形化设计图的重要性,如流程图、思维导图等,它们有助于清晰传达设计意图和提高沟通效率。然而,当面临迭代更新、人员变动时,基于截图的图形设计图可能会带来协作难题。作者提倡使用简单文字格式搭配标签和符号作为替代方案,分享了团队内部实践,通过表格来实现类似思维导图和流程图的功能,以增强文档的可维护性和协作性。同时,作者强调这不是反对使用设计图,而是提出在某些场景下的一种有效补充方法。
114 7
Pyqt5-开源工具分解功能(文本拖拽)
Pyqt5-开源工具分解功能(文本拖拽)
85 1
Pyqt5-开源工具分解功能(文本拖拽)
|
6月前
|
数据可视化
R语言对布丰投针(蒲丰投针)实验进行模拟和动态可视化生成GIF动画
R语言对布丰投针(蒲丰投针)实验进行模拟和动态可视化生成GIF动画
|
6月前
|
设计模式 数据可视化 程序员
不会画uml?推荐使用代码画图的工具PlantUml
不会画uml?推荐使用代码画图的工具PlantUml
595 1
|
uml C++
VS工具使用——代码图
引用: 《论语·卫灵公》中,子贡问为仁。子曰:“工欲善其事,必先利其器。居是邦也,事其大夫之贤者,友其士之仁者。”大概的意思是:子贡问怎样修养仁德。孔子说:“工匠要做好工作,必须先磨快工具。住在一个国家,要侍奉大夫中的贤人,与士人中的仁人交朋友。” 今天我将用我的工具——VS2013为大家介绍一下我对“工欲善其事,必先利其器”的理解。
132 0
|
uml C++
VS工具使用——代码生成函数关系图
小引: 在上篇文章《VS工具使用——代码图》中,我向大家介绍了我对工具“代码图”的发现和认识。真是感觉当自己的眼睛不再被蒙蔽的时候,会发现整个世界的美好。所以,这次要向大家介绍我对VS中的另一个容易被忽视的工具—— 自动生成代码关系依赖图的理解。
579 0
|
数据可视化 JavaScript 前端开发
【Mermaid】画图工具使用笔记
【Mermaid】画图工具使用笔记
213 0
|
程序员 Python
图片转素描风格处理软件详解(Python实现,含UI界面及代码)
图片转素描风格处理软件详解(Python实现,含UI界面及代码)
187 0
|
图形学
【3D建模制作技巧分享】如何使用Maya制作绳索模型
Maya是很多建模师、动画师都使用的软件,它可以帮助我们制作出很多模型。下面为大家分享使用Maya制作绳索模型的方法,感兴趣的话就来看看吧!
287 0
【3D建模制作技巧分享】如何使用Maya制作绳索模型