如何利用 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多平台公布