人类天生就更擅长处理图画信息，即使很杂乱的体系，经过图形也简单被直观地出现出来。
有些人喜爱用GUI界面的流程图东西，比方微软的Visio，只需求拖拽软件预设好的形状和元素就能够轻松创立各种杂乱的数据流图（DFD）或许流程图（FC）。另一些人更喜爱运用文原本创立流程图，因为文本更轻量，能够运用Git这样的版本控制东西来记载各种改动，也更简单嵌入到Markdown修改器并用适当的东西烘托出来。
然而各种用来创立流程图的文本，比方Mermaid.js，都有一套语法需求学习，对于初学者来说也并不直观。ChatGPT的横空出世解决了这个问题，你现在能够经过对话的办法直接生成各种图表—流程图，时序图 (Sequence Diagram)，甘特图，Git graph，用户旅程图 (User Journey Diagram)，象限图 (Quadrant Chart) ，饼图，思想导图等等。
本文将介绍两种办法，让ChatGPT免费用户和Plus用户都能够轻松创立各种图表。
运用谷歌浏览器插件ChatGPT Diagrams
运用ChatGPT来创立图表和流程图的根本办法便是经过对话。你只需求描述你要制作的图表，然后让ChatGPT帮你生成用于创立流程图的文本或代码。比较流行的基于文本办法便是运用Mermaid.js.
Mermaid.js是一个基于Javascript的开源库，能够用类似于Markdown的办法生成图表和流程图。所以你能够这样来写一个Prompt：
烘托一个流程图，阐明处理和完结客户订单的进程，包含下单、库存检查、付款处理和发货。运用mermaid.js。
这样ChatGPT就会为你生成你想要的流程图的代码。但是ChatGPT本身是无法把代码直接烘托成为图形化的图表的。别忧虑，装了谷歌浏览器插件ChatGPT Diagrams，ChatGPT就能够烘托了。
它会在ChatGPT生成的代码上方增加一个按钮“显现图表 (Show Diagram)”，点击该按钮就能够展现烘托出的图表了。
咱们来看下怎样一步步完成该功用。
首要拜访以下网址进入ChatGPT Diagrams插件的装置界面。
chrome.google.com/webstore/de…
点击“增加到Chrome (Add to Chrome)”装置该插件。
点击谷歌浏览器右上角的拼图形状的按钮打开谷歌浏览器插件列表检查插件是否现已被装置。
咱们看到它现已出现在谷歌浏览器的插件列表里了。
然后咱们就能够开端让ChatGPT给咱们生成图表了，比方把方才的提示词提交给ChatGPT：所以你能够这样来写一个Prompt：
烘托一个流程图，阐明处理和完结客户订单的进程，包含下单、库存检查、付款处理和发货。运用mermaid.js。
然后点击黑色代码文本框上方的“显现图表 (Show Diagram)”来把代码烘托成图形。我这里出现了一个Bug，提示文本中有语法错误，但是你未必能遇到。不过没联系，咱们改写一下页面，然后点击ChatGPT的历史对话回到方才的界面。
然后再点击一下按钮“显现图表 (Show Diagram)”就能够成功显现图表了。
假如你显现不出图表，或许想输出这个图表，能够把黑色代码框里的代码拷贝到这个网站：
mermaid.live/
然后创立一个账户就能够把图表输入为PNG或许SVG格局啦。
也能够用另一个十分流行的免费网站draw.io，打开这个网址： app.diagrams.net/
然后顺次点击菜单栏的”Arrange” -> “Insert” -> “Advances” -> “Mermaid”。
把代码粘贴到弹出的文本框里，然后点击“Insert”。
再点击保存按钮即可。
假如想要修正这个图表，能够直接在修改器里进行。或许能够跟ChatGPT对话，告知它你的需求，然后继续让ChatGPT帮你生成代码。
运用ChatGPT插件Show Me Diagrams
ChatGPT Plus用户能够用第三方插件Show Me Diagrams来生成图表。
要运用这个插件，首要保证现已激活了ChatGPT插件的功用。
然后去ChatGPT插件商店查找插件进行装置。
然后查找关键词”show me diagram”并点击”Install“进行装置。
装置好以后，在输入任何提示词之前，先切换到ChatGPT4。
鼠标停留在”GPT-4″的按钮上会显现一个下拉菜单，在下拉菜单里的选项里点击“Plugins”这个按钮。
然后在ChatGPT4按钮下方的下拉菜单里找到方才下载的”Show Me Diagrams”插件并勾选。
然后就能够输入咱们的提示词啦，比方：
给我展现一张解释DNA仿制进程的图表。
Show me a diagram explaining the process of DNA replication.
ChatGPT的回复如下：
下面是一个解释DNA仿制进程的序列图：
你能够在一个新的标签中检查此图。
假如你想做任何修正，你能够在线修改这个图。
该图的类型是Mermaid言语的序列图。
要检查改善该图的主意，请运用关键短语 “显现主意”
要检查其他类型的图表和言语，请运用关键短语 “探究图表”。
点击ChatGPT回复里的带有超链接的语句“你能够在一个新的标签中检查此图”，就在一个新的浏览器标签页检查这个图表的大图并能够进行保存。
点击ChatGPT回复里的带有超链接的语句“假如你想做任何修正，你能够在线修改这个图”，就在一个新的浏览器标签页在线修改这个图表。
按照ChatGPT给出的提示输入关键词能够进一步优化图表。比方输入“show ideas”，ChatGPT会这样回复：
改善该图的主意：
- 增加更多细节： 该图目前供给了一个DNA仿制的高层次概述。你能够为每个进程增加更多的细节，如参与的具体酶和仿制的方向。
- 运用不同的颜色： 对不同类型的分子（如酶、DNA链、RNA引物）运用不同的颜色，能够使该图更简单了解。
- 包含仿制叉：仿制叉是DNA解开和仿制发生的当地，是整个进程的一个关键部分。在图中包含这一点能够供给更多的背景。
探究以下主题：
- 默许主题： 这是一切图表的默许主题。
- 中性： 这个主题很合适将被打印的是非文件。
- 深色：该主题与深色元素或深色形式很配。
- 森林色： 这个主题包含深浅纷歧的绿色。
- 基底： 这是仅有能够修正的主题。运用这个主题作为定制的基础。
Show Me Diagrams默许运用的是Mermaid言语来生成图表。依据方才ChatGPT里的回复，输入短语“explore diagrams”能够探究其他图表类型。
我输入这个短语之后，ChatGPT是这样回复的：
探究同一图表类型的一切言语：
次序图（Sequence Diagram）： 次序图用于显现体系中不同部分之间按次序的相互作用。它们对于可视化体系中的控制流和了解不同部分之间的相互作用是十分好的。你能够在以下言语中探究次序图： Mermaid, PlantUML, D2.
探究其他类型的图：
- 类图： 类图经过显现体系的类、特点、操作（或办法）以及目标之间的联系来表明体系的静态结构。你能够在Mermaid, PlantUML, D2, Nomnoml中探究类图。
- 状况图： 状况图是用来表明一个体系的行为，它能够是整个体系，也能够是其中的一部分。它显现了一个目标在其生命周期内阅历的状况序列，以及导致从一个状况过渡到另一个状况的事情。你能够在Mermaid, PlantUML中探究状况图。
- 实体联系图： 实体-联系图被用来为数据库的逻辑结构建模。它们显现实体（如人、物、当地、事情等），以及这些实体之间存在的联系。你能够在Mermaid, PlantUML, D2, Nomnoml, Graphviz, ERD中探究实体联系图。
其他的图表言语如PlantUML, D2, Nomnoml, Graphviz 和 ERD下方都有超链接，能够点击去它们的官网检查更多相关资料。
总结
总之，有了ChatGPT，创立图表不再是一项艰巨的使命。经过使用谷歌浏览器扩展程序 “ChatGPT图表 “和ChatGPT插件 “Show Me Diagrams “，你只需求点击几下，就能够将杂乱的主意转化为视觉言语。请记住，关键在于流畅的沟通和对这些东西的有效使用。所以，不要犹豫了，今天就开端绘制你的主意吧！
假如本文对你有帮助，麻烦帮忙点个赞哦
