生成流程图主要有以下两种方式:
个人比较倾向于语法转图形的方式。只要解决语法抽象写起来麻烦的问题就行。
使用 Mermaid 生成流程图的流程如下:
Mermaid 是一款开源的 JavaScript 库,用于通过简单的文本描述生成各种类型的图表、流程图和时序图等可视化图形。使用 Mermaid,您可以在不使用专业图表工具的情况下,通过文本描述来快速生成各种图表,包括流程图、时序图、甘特图、类图等。
在 ChatGPT 生成 Mermaid 图形代码之后,打开网址“https://mermaid.live”,然后将输出结果的代码拷贝到图形生成框中,即可得到图形。
副标题:谁还用VISIO?ChatGPT生成流程图、时序图,效果震撼!为什么要用ChatGPT生成流程图、时序图?生成流程图有两种方式:1.可视化拖拽:代表产品有:[processon](https://processon.com/)(web工具),visio(本地软件)1.1.优点:直观1.2.缺点:需要花时间在布局上2.语法渲染成图形,代表语法:[Mermaid](https://mermaid.live/edit#pako:eNpVjk2Lg0AMhv9KyGkL9Q94WGh1t5fCFurN6SFo7AztfDBGpKj_fcd62c0pvM_zhkzY-JYxx-7px0ZTFKhK5SDNoS50NL1Y6m-QZZ_ziQWsd_ya4fhx8tBrH4Jx993mH1cJium8agyijXssGyre_R_HM5T1mYL4cPtLqtHP8FWbi07n_xMdObW-647yjrKGIhQU3wru0XK0ZNr0_rQmCkWzZYV5WlvuaHiKQuWWpNIg_vpyDeYSB97jEFoSLg3dI9ktXH4B_cJWqw)2.1.优点:2.1.1.【只用关注逻辑】文本即图形,方便直接嵌入在markdown文件中。比如在用tyora,markdown写文档时。2.1.2.【多样性】不同渲染引擎可渲染成多种样式2.2.缺点:有点抽象我个人比较倾向于语法转图形的方式。所以只要解决语法抽象写起来麻烦的问题就行。
流程图在产品经理工作中扮演着重要的角色,能够帮助他们更好地理解用户需求、规划产品、优化用户体验,并促进团队之间的协作与沟通。在这里,我们可以使用“Prompt x Mermaid”的方案,通过简单明了的方式来协助我们作图。Mermaid介绍Mermaid是一款开源的JavaScript库,用于通过简单的文本描述生成各种类型的图表、流程图和时序图等可视化图形。使用Mermaid,您可以在不使用专业图表工具的情况下,通过文本描述来快速生成各种图表,包括流程图、时序图、甘特图、类图等。这个工具的设计初衷是为了让开发人员、文档编写者和其他需要可视化表示的人能够更轻松地创建图表,而无需依赖复杂的图形设计工具。您只需使用Mermaid的简单语法,就能够生成漂亮的图表。例如,以下是一个用Mermaid语法描述的简单流程图示例:在渲染后,将生成一个将"Start"节点连接到"Stop"节点的基本流程图。完整效果详情:https://shareg.pt/t7Ym8Av得到结果:在ChatGPT生成Mermaid图形代码之后,打开网址“https://mermaid.live”,然后将输出结果的代码拷贝到图形生成框中,我们即可得到图形。
好吧,那我们用ChatGPT来帮忙,我们通过自然语法转成[Mermaid](https://mermaid.live/edit#pako:eNpVjk2Lg0AMhv9KyGkL9Q94WGh1t5fCFurN6SFo7AztfDBGpKj_fcd62c0pvM_zhkzY-JYxx-7px0ZTFKhK5SDNoS50NL1Y6m-QZZ_ziQWsd_ya4fhx8tBrH4Jx993mH1cJium8agyijXssGyre_R_HM5T1mYL4cPtLqtHP8FWbi07n_xMdObW-647yjrKGIhQU3wru0XK0ZNr0_rQmCkWzZYV5WlvuaHiKQuWWpNIg_vpyDeYSB97jEFoSLg3dI9ktXH4B_cJWqw)图形语法。生成流程如下:一、确定制作目标下面两个图的逻辑是我工作场景中遇到的,分别是时序图和流程图。二、通过自然语法描述逻辑用过自然语言描述出来生成Mermaid图形语法。三、在线校验测试是否成功最后测试发现非常完美