联系管理员

开通文章发布权限

扫码 添加微信
微信图片
电话:通话中... QQ:2738829823

如何用ChatGPT轻松生成所需图表

ChatGPT 快速生成所需的流程图、统计图、时序图等图表

本文将介绍如何用 ChatGPT 快速生成所需的流程图、统计图、时序图等图表,总有一款适合你!

 


前言

 

image

最近在整理文章中时常需要绘制流程图,正值 ChatGPT 大火,我在想能不能用它来进行流程图绘制,这样可以省去很多时间和精力。

经过了解和尝试,发现即使不使用 ChatGPT 4.0 的 AI 绘图功能也可以绘制想要流程图,需要用到Mermaid语法和对应的绘图工具。关于Mermaid这里不做过多描述,只要知道有了它我们就可以通过简单的代码生成图表,绘图工具这里我推荐三个:excalidraw、语雀、draw.io

Mermaid支持绘制流程图、序列图、类图、状态图、饼状图、甘特图、用例图等图表。本文将以流程图详细介绍步骤,其他的图同理。

1. 获取 Mermaid 代码

通过与 ChatGPT 对话获取Mermaid代码,这里截图的是获取较为简单的流程图和甘特图。具体的实现需要你们根据自己的需求去获取。

我可以列一份通用的对待 ChatGPT 的说辞:

我希望你作为一个资深的 Java 程序员,请帮我梳理一下Spring Bean加载的完整工作流程图,要求每个核心类要表现出来,记住输出要用Mermaid语法。

  1. 指定角色:我希望你作为一个资深的 Java 程序员;

  2. 列出任务:请帮我梳理一下Spring Bean加载的完整工作流程图;

  3. 回答要求:要求每个核心类要表现出来,记住输出要用Mermaid语法。

image

image

2. 绘制图表

2.1. 工具介绍

如果你绘制的是流程图、时序图、类图,我首推Excalidraw,下面的介绍也是根据这个工具来讲解的,这款工具是支持修改和拖动的,而且页面简洁明了。

该工具目前只支持流程图、时序图、类图这几种图的拖动修改,后续如果优化了其他图表,建议就使用该工具。

其他支持生成图表的工具还是不少的,但是都有一个很难受的缺点,都是根据代码固定生成,无法根据自己的习惯和喜好在图上拖动修改,只能修改代码,对不了解该语言语法的人很不友好。

这种情况如果你使用的语雀做笔记的话,建议还是使用语雀绘制,这样方便修改。draw.io也是一款不错的绘图工具,是我最开始一直用的,很方便。但是后来我的笔记主要输出在语雀,修改和复用都比较麻烦,语雀的绘图工具也越来完善了,就渐渐用的少了。

这里多说一句,如果流程图工具使用的不是语雀的话,为了方便未来的修改和维护,建议将Mermaid代码保存下来。

image

下面我将针对每个工具分别展示用法。

2.2. Excalidraw

步骤图解如下,都比较简单,这里说一下注意事项,可能不同的工具对Mermaid支持程度不同,这几个工具的节点文字描述中不可以出现特殊符号,会报错, ChatGPT 可能会生成,去掉即可。

image

image

image

image

2.3. 语雀

image

image

image

2.4. draw.io

image

image

image

结语

除此之外,ChatGPT 还可以使用PlantUML语法生成相应的UML图,还可以使用MarkDown语法生成思维导图,都挺方便的。

顺便提醒下,因为有些图表的生成不支持拖动修改,这种情况建议只绘制一些简单、固定的图表。如果比较复杂且不了解相应语法改起来也很困难。

评论

快捷导航

把好文章收藏到微信

打开微信,扫码查看

关闭

还没有账号?立即注册