如何利用 GPT4 创立引人注目的流程图
流程图是可视化简单思维和过程的首选工具。然而,创立一个好的流程图可能须要很多工夫。
在本文中,我将向你展现如何在不到一分钟的工夫内应用 ChatGPT(最好是 GPT-4)创立令人惊叹的流程图。
生成 Mermaid 语法图表
我应用名为 mermaid.live 的流程图编辑器进行流程图的编辑工作。尽管这个编辑器有一套本人的语法示例,但你不须要对它有深刻的理解或相熟,因为所有的编辑工作都会由 ChatGPT 来实现。
只需复制 GPT 生成的 Mermaid 代码,而后将其粘贴到 mermaid.live 中,你将立刻取得一个精美的图表。那咱们当初就开始创立第一个流程图吧:
应用 mermaid.js flowchart 语法,生成一个图表,显示 12306 订票流程图
生成了以下代码:
graph TD
A(抉择出发地和目的地) --> B(抉择日期和车次)
B --> C(抉择座位类型)
C --> D(登录账号)
D --> E(填写乘客信息)
E --> F(核查订单信息)
F --> G(抉择领取形式)
G --> H(实现领取)
H --> I(获取订单确认)
I --> J(出票胜利)
J --> K(完结)
F --> L(订单信息有误)
L --> M(批改订单信息)
M --> F
G --> N(领取失败)
N --> G
D --> O(账号登录失败)
O --> P(从新登录)
P --> D
在上面的示例中,ChatGPT 应用了与我提醒的不同的图表类型
生成用户旅程图试试?
应用 mermaid.js user journey daigram 语法,生成一个图表,显示登陆零碎的用户旅程
生成的代码:
journey
title 用户登录零碎
section 拜访登录页面
登录页面 -->| 用户关上登录页面 | 输出用户名和明码 : 用户在登录页面输出用户名和明码
section 提交登录表单
输出用户名和明码 -->| 用户点击登录按钮 | 提交登录表单 : 用户提交登录表单进行验证
section 验证登录信息
提交登录表单 -->| 系统验证用户名和明码 | 验证登录信息 : 系统验证用户提交的用户名和明码
section 登录胜利
验证登录信息 -->| 验证胜利 | 登录胜利 : 用户胜利登录零碎
section 登录失败
验证登录信息 -->| 验证失败 | 显示登录失败音讯 : 用户登录失败,零碎显示登录失败的音讯
生成甘特图试试?
应用 mermaid.js v. 9.2.2 Gantt chart daigram 语法,生成一个图表,显示软件开发工作进度安顿
生成的代码:
dateFormat YYYY-MM-DD
title 软件开发工作进度安顿
section 我的项目打算
需要剖析 :a1, 2023-07-01, 7d
设计 :a2, after a1, 5d
开发 :a3, after a2, 14d
测试 :a4, after a3, 7d
section 我的项目部署
部署 :b1, 2023-08-01, 3d
上线运行 :b2, after b1, 2d
section 反对和保护
用户反对 :c1, after b2, 7d
故障排除 :c2, after c1, 7d
GPT 能够帮助生成各种类型的图表,比方思维导图(Mindmap),工夫线(Timeline),和类图(Class Diagram)等,须要依据理论需要来确定。可能初始生成的图表并不齐全满足需要,但能够通过继续提供更多信息来一直优化,直到失去称心的后果。
代码生成流程图
对于程序猿来说,更好用的是用 GPT 来帮你读代码并画流程图,我尝试让 GPT 为我我的项目中的阿里领取局部代码生存流程图:
应用 mermaid.js flowchart 语法 [这里插入代码]
生成的代码:
graph LR
A[开始] --> B[发送申请]
B --> C[解析响应]
C --> D{响应码是否为 200?}
D -->| 是 | E[判断是否为挪动设施]
D -->| 否 | G[显示错误信息]
E --> F[设置二维码]
C --> H[设置 URL]
C --> I[设置倒计时]
I --> J[创立定时器]
J --> K[更新倒计时]
K -->| 倒计时 <=0| L[革除定时器]
K -->| 倒计时 >0| J
L --> M[暗藏充值界面]
L --> N[革除 URL]
J --> O[查看是否到账]
O -->| 倒计时 <=0| P[革除定时器]
O -->| 倒计时 >0| Q[发送查看申请]
Q --> R[解析查看响应]
R --> S{响应码是否为 200?}
S -->| 是 | T[判断是否充值已到账]
S -->| 否 | O
T --> U[更新用户信息]
U --> V[显示充值胜利信息]
V --> M
V --> N
G --> A
P --> A
你甚至能够利用它生成 Asciiflow 的流程图来便当地写入代码正文之中。
+--------+ +------------+ +----------+
| 开始 | -----> | 发送申请 | -----> | 解析响应 |
+--------+ +------------+ +----------+
|
|
响应码是否为 200?
|
|
+---------v---------+
| 是 |
| 判断是否为挪动设施 |
| 否 |
+---------+---------+
|
|
+---------v---------+
| 是 |
| 设置二维码 |
+---------+---------+
|
|
+---------v---------+
| 显示错误信息 |
+---------+---------+
|
|
+---------v---------+
| 设置 URL |
+---------+---------+
|
|
+---------v---------+
| 设置倒计时 |
+---------+---------+
|
|
+---------v---------+
| 创立定时器 |
+---------+---------+
|
|
+---------v---------+
| 更新倒计时 |
+---------+---------+
|
|
倒计时 <= 0? | 倒计时 > 0?
|
|
+---------v---------+
| 革除定时器 |
+---------+---------+
|
|
+---------v---------+
| 查看是否到账 |
+---------+---------+
|
|
倒计时 <= 0? | 倒计时 > 0?
|
|
+---------v---------+
| 革除定时器 |
+---------+---------+
|
|
+---------v---------+
| 发送查看申请 |
+---------+---------+
|
|
+---------v---------+
| 解析查看响应 |
+---------+---------+
|
|
响应码是否为 200?
|
|
+---------v---------+
| 是 |
| 充值已到账 |
+---------+---------+
|
|
+---------v---------+
| 暗藏充值界面 |
+---------+---------+
这样,你能够轻松地为你的简单代码发明出具体的流程图。你只须要生成文本模式的流程,而后将其粘贴在代码正文之中。这将帮忙你的共事更好地了解你的代码。
论断
很令人兴奋可能看到 ChatGPT 如何将简略的提醒和长篇文章转化为令人惊叹的流程图。手动创立这样的可视化通常须要破费大量的工夫。尝试将相似的内容纳入您的工作流程中,施展您的想象力!
附 ChatGPT4 镜像站
本文由 mdnice 多平台公布