chenyuanqi / diagrams

图表存档

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

diagrams

打开/创建 绘图

ChatGPT + Mermaid

Mermaid 是一个基于 Javascript 的图解和制图工具。它基于 markdown 语法来简化和加速生成流程图的过程,也不止于生成流程图。千言万语不如一张图,使用图形展示事物处理流程的图形称之为流程图。

Mermaid 能绘制哪些图?

  • 饼状图:使用 pie 关键字
  • 流程图:使用 graph 关键字
  • 序列图:使用 sequenceDiagram 关键字
  • 甘特图:使用 gantt 关键字
  • 类图:使用 classDiagram 关键字
  • 状态图:使用 stateDiagram 关键字
  • 用户旅程图:使用 journey 关键字

快速上手 Mermaid

使用步骤
一、GPT 通用提示:
角色:你是 xxx 方面的专家
任务1:xxx 场景,整个流程经历了哪些环节,给出具体的交互流程
任务2:用 Mermaid 语法再写一遍上面的流程

示例:
你是一资深的互联网专家,请说明一个网站 URL 通过浏览器请求到返回网页数据,整个流程经历了哪些环节,给出具体的交互流程
用 Mermaid 语法再写一遍上面的流程

二、打开 diagrams.net(https://app.diagrams.net/) 将 Mermaid 语法流程图代码复制到 <高级>,生成流程图即可。

About

图表存档