- Java锁的逻辑(结合对象头和ObjectMonitor)
- 还在用饼状图?来瞧瞧这些炫酷的百分比可视化新图形(附代码实现)⛵
- 自动注册实体类到EntityFrameworkCore上下文,并适配ABP及ABPVNext
- 基于Sklearn机器学习代码实战
本文旨在介绍如何使用ChatGPT和Mermaid语言生成流程图的技术。在现代软件开发中,流程图是一种重要的工具,用于可视化和呈现各种流程和结构。结合ChatGPT的自然语言处理能力和Mermaid的简单语法,可以轻松地将文本描述转化为图形表示,使技术文档更具可读性和易懂性.
在软件开发中,我们经常遇到需要描述复杂流程和系统架构的情况。传统的手绘图形和图表工具可能需要花费大量时间和精力,而使用ChatGPT和Mermaid语言可以快速生成流程图,节省了时间和精力.
我们将介绍如何使用ChatGPT和Mermaid语言来解决这个问题。通过将文本描述转化为Mermaid语言的图形表示,我们可以简化文档的编写过程,并提高文档的可读性和易懂性.
Mermaid是一种用于创建流程图、时序图、甘特图和其他各种图表的开源工具。它使用简单的文本描述语言,将图表定义为纯文本,并自动生成相应的图形表示.
Mermaid的语法简洁易懂,使用者只需编写简单的文本描述即可生成图表.
这里是Mermaid官方提供的 技术文档 。
ChatGPT和Mermaid语言结合使用可以实现将文本描述转化为流程图的功能。具体步骤如下:
使用ChatGPT模型解析文本描述:将需要转化为流程图的文本描述输入ChatGPT模型中,获取模型生成的对应的Mermaid语言代码.
使用Mermaid语言生成流程图:将ChatGPT生成的Mermaid代码嵌入到Markdown文档中,并使用Mermaid的渲染引擎将其转化为图形表示.
以TCP协议的连接方式为例,首先向GPT提问:
将代码粘贴到Mermaid Live Editor中,得到的效果图如下:
显然,这次尝试不能很好的体现出握手过程的时序特点,调整问题,重新给出流程:
继续使用Live Editor,得到的流程图如下:
可见,调整后的图片更加符合实际情况.
在生成流程图的过程中,除了ChatGPT+Mermaid语言的方案外,还有其他可选方案,如手动绘制图形、使用专业图表软件等。下面是对比这些方案的优缺点:
手动绘制图形:需要耗费大量时间和精力,容易出现错误,并且难以修改和更新.
使用专业图表软件:虽然提供了丰富的功能和样式,但学习曲线较陡峭,操作复杂,并且需要额外的软件安装.
综合考虑,ChatGPT+Mermaid语言方案简单易用,生成的流程图效果优秀,是一种高效的解决方案.
作者:CCO体系 迟焕宇 。
来源:京东云开发者社区 。
最后此篇关于ChatGPT+Mermaid自然语言流程图形化产出小试的文章就讲到这里了,如果你想了解更多关于ChatGPT+Mermaid自然语言流程图形化产出小试的内容请搜索CFSDN的文章或继续浏览相关文章,希望大家以后支持我的博客! 。
我正在为算法制作流程图,并且遇到了 else if 语句的一些问题。 对于像这样的 if 语句 if (something) {} else if (something) {} else {} els
我为 jQuery Flot 图表编写了一个插件,它允许您通过单击图表的线条来动态添加数据点,通过右键单击删除它们,还允许在 Canvas 上拖动这些点。 这工作正常,当您将鼠标悬停在某个点上或拖动一
我设计了一个flowchart概括地描述编程过程的工作原理。此过程的一部分涉及循环访问一组项目。我想知道是否有任何标准或半标准的方法来表示流程图中的“foreach”样式循环,这不涉及使用像 m =
这是关于生产以下产品的 EPR/库存管理的一般问题: 1) 组装2)拆卸 通常在组装时,我们生产的成品将作为库存进入库存。示例: 成品不错: 1x Desktop CPU 原 Material : 1
我有一个关于不喜欢/喜欢的折线图。正值应具有较深的绿色边框,红色值应具有较深的红色边框。此外,红点应该用红色填充,而不是绿色。 这就是它的样子! 这就是它应该的样子 几个小时后我无法得到任何解决方案,
我的对象大致如下所示: public class Object1 { public string connectionIn1 { get; set; } public string con
我正在使用 Flowchart来自 http://gojs.net/latest/samples/flowchart.html它工作正常。唯一的问题是,它没有 t display the toolba
我已经在互联网上搜索了几天使用 html 和 css 制作流程图(饼图和垂直图)的方法,但我没有找到任何东西。有人用 html 和 css 制作这些类型的图表并且可以提供帮助吗我? 最后我找到了一种方
我有一个图表,在 Y 轴上显示 0-100%,在 X 轴上显示四分之一。源数据包括: { date: '2015 Q1', numerator: 55, denominator: 105, p
Oracle sql执行流程图_SQL执行过程 1、sql语句的执行步骤: 1)语法分析,分析语句的语法是否符合规范,衡量语句中各表达式的意义。 2) 语义分析,检查语句中涉及的所有数据库对象是否
就目前情况而言,这个问题不太适合我们的问答形式。我们希望答案得到事实、引用资料或专业知识的支持,但这个问题可能会引发辩论、争论、民意调查或扩展讨论。如果您觉得这个问题可以改进并可能重新开放,visit
我正在尝试使用流程图在 xaxis 上显示时间 这是我的数据数组(时间、值) var time = [["13:33","0.04668"],["13:23","0.04856"],["13:12",
有人可以指点我一些教程或提供有关如何在 Dart 中创建图表/流程图的示例代码片段吗?简单的情况是有几个元素可以相互连接,并且可以读取哪个元素连接到哪里。有大量 JS 示例,但出于学习目的,我想采用
我是 D3.js 的新手。请注意,正在使用版本 4。 .HTML文件 (很多来自 here ): .node circle { fill: #fff; stroke: steelblue
我已经使用英特尔出色的 TBB 流程图库成功制作了一个应用程序原型(prototype)。它似乎工作得很好,但现在我需要将代码重构为生产就绪版本。 以前,我曾为这个特定领域使用过一些更大、更“过度开发
目前我正在尝试制作流程图,这是我目前得到的代码: #flowchart { width: 580px; text-align: center; fon
我需要编写一个 C++ GUI,这样用户就可以制作一个流程图/管道,方法是从工具栏中选择几个 block 并将它们放入一个窗口中,然后按照他想要的顺序连接它们,然后程序运行流程图。 (为简单起见,只考
我需要一个非常简单、直接的 CSS/HTML 流程图,格式如下: Node1 | Node2 | Node3 | Node4 | Node5 | Node6 我对 CSS 几乎一无
如果可能,还可以在 excel 应用程序中运行所有模块。 最佳答案 流程图会很有用。我从未见过类似的代码,但有一些 VBA 工具,您可能会觉得有趣。这些是我知道的:http://www.vitosha
我是 GNUradio 的新手,我正在制作一个 FM 接收器。我正在将数据记录到文件接收器中。但是我只需要1毫秒的数据。我如何指定这个时间,以便我的流程图在这个时间之后自动停止? 我还阅读了一些关于调
我是一名优秀的程序员,十分优秀!