如何利用 GPT4创立引人注目的流程图
流程图是可视化简单思维和过程的首选工具。然而,创立一个好的流程图可能须要很多工夫。
在本文中,我将向你展现如何在不到一分钟的工夫内应用ChatGPT(最好是GPT-4)创立令人惊叹的流程图。
生成Mermaid语法图表
我应用名为 mermaid.live 的流程图编辑器进行流程图的编辑工作。尽管这个编辑器有一套本人的语法示例,但你不须要对它有深刻的理解或相熟,因为所有的编辑工作都会由ChatGPT来实现。
只需复制GPT生成的Mermaid代码,而后将其粘贴到mermaid.live中,你将立刻取得一个精美的图表。那咱们当初就开始创立第一个流程图吧:
应用 mermaid.js flowchart 语法,生成一个图表,显示12306订票流程图
生成了以下代码:
graph TDA(抉择出发地和目的地) --> B(抉择日期和车次)B --> C(抉择座位类型)C --> D(登录账号)D --> E(填写乘客信息)E --> F(核查订单信息)F --> G(抉择领取形式)G --> H(实现领取)H --> I(获取订单确认)I --> J(出票胜利)J --> K(完结)F --> L(订单信息有误)L --> M(批改订单信息)M --> FG --> N(领取失败)N --> GD --> 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 LRA[开始] --> 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| JL --> M[暗藏充值界面]L --> N[革除URL]J --> O[查看是否到账]O -->|倒计时<=0| P[革除定时器]O -->|倒计时>0| Q[发送查看申请]Q --> R[解析查看响应]R --> S{响应码是否为200?}S -->|是| T[判断是否充值已到账]S -->|否| OT --> U[更新用户信息]U --> V[显示充值胜利信息]V --> MV --> NG --> AP --> 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多平台公布