O documento usa o ChatGPT Demonstração, código de geração de documentos, adapte o software para exportar a imagem por conta própria.
O fluxograma de geração de palavras prontas fornece um resumo visual rápido do trabalho tedioso e permite que a geração de artigos inclua elementos gráficos mais fáceis de usar.

Ferramentas relacionadas.

1. Mermaid é uma biblioteca JavaScript para a criação de fluxogramas, diagramas de tempo, diagramas de classe e outros.

2) O Mindmap é uma ferramenta para construir diagramas conceituais que são comumente usados em cenários de mapeamento mental, mapeamento da mente e mapeamento do cérebro.

3. o GraphvizDOT é uma ferramenta para criar fluxogramas, diagramas de transição de estado, organogramas, diagramas de tempo e muito mais, usando nós e bordas para representar relacionamentos e opções de layout mais ricas para controlar a aparência do diagrama.

Gerar fluxograma

pista

sereia

Gráficos de pizza: use a palavra-chave pie, que será usada em mais detalhes posteriormente

Fluxograma: use a palavra-chave graph, que será descrita em mais detalhes posteriormente.

Diagramas de sequência: usando a palavra-chave sequenceDiagram

Gráfico de Gantt: usando a palavra-chave gantt

Diagramas de classe: use a palavra-chave classDiagram

Diagramas de estado: usando a palavra-chave stateDiagram

Mapeamento da jornada do usuário: usando a palavra-chave jornada

Exemplo de introdução

#### Como gerar expressões de plotagem do Mermaid usando o chatGPT
O núcleo é um processo de duas etapas: uma é gerar a descrição do processo de que você precisa a partir do prompt, e a outra é gerar a expressão da sereia do processo a partir do prompt.
Dica genérica:
Função: você é um especialista em `***'
Tarefa 1: cenário `***`, como é o processo inteiro, forneça um fluxo de interação específico
Tarefa 2: Escreva o processo acima novamente usando a sintaxe do Mermaid

#### por exemplo, fluxogramas usando diagramas
Abra o diagrams.net (https://app.diagrams.net/) Copie o código do fluxograma de sintaxe do Mermaid em Advanced para gerar o fluxograma.

Gerar fluxograma

“`mermaid
gráfico TD.
A[用户] –> B[浏览器];
B –> C[DNS服务器];
C –> D[本地缓存];
D –> |缓存未命中| E[DNS解析];
E –> F[DNS服务器];
F –> G[获取IP地址];
B –> H[Web服务器];
H –> I[TCP连接请求];
I –> J[Web服务器];
J –> K[HTTP请求];
K –> L[请求方法,请求头,请求体];
J –> M[处理请求];
M –> |存在资源| N[返回响应报文];
N –> O[响应状态码,响应头,响应体];
B –> P[浏览器解析渲染页面];
O –> P;
M –> |不存在资源| Q[返回404状态码];
Q –> O;
P –> R[下载资源];
R –> S[获取资源];
H –> T[处理资源请求];
T –> |存在资源| U[返回资源响应报文];
U –> V[资源的状态码,响应头,响应体];
R –> P;
T –> |不存在资源| W[返回404状态码];
W –> U;
“`

Como desenhar rapidamente por cena

1. diagrama de sequência do fluxo de interação do URL do navegador, importando expressões do Mermaid para o diagrams.net

“`mermaid
sequenceDiagram
Navegador participante
servidor DNS do participante
Servidor da Web do participante

Browser->>DNS Server: consulta DNS do endereço IP do nome de domínio do site
DNS服务器–>>浏览器: 返回IP地址

Navegador->>Servidor Web: inicia a solicitação HTTP
网站服务器–>>浏览器: 返回HTTP响应(HTML内容)

Navegador->>Servidor Web: solicita recursos HTML incorporados (imagens, estilos, JS, etc.)
网站服务器–>>浏览器: 返回资源内容

浏览器–>>浏览器: 解析HTML和资源,渲染网页
浏览器–>>用户: 显示网页

Usuário->>Navegador: interage com a página da Web, gera novas solicitações
Navegador->>Servidor Web: inicia a solicitação HTTP
网站服务器–>>浏览器: 返回HTTP响应
“`

2. sequência de interação de um usuário acessando o aplicativo WeChat, importando expressões de sereia para o diagrams.net

“`mermaid
sequenceDiagram
usuário participante
aplicativo wechat participante
participante Servidor VPN local
servidor wechat do participante

Usuário->>WeChat APP: Clique no ícone do WeChat APP
WeChat APP->>WeChat Server: Enviar solicitação HTTPS
微信服务器–>>微信APP: 返回HTTP响应
WeChat APP->>WeChat Server: Analisando a mensagem de resposta

Nota sobre o usuário: O procedimento a seguir é para estabelecer uma conexão VPN
a rede alt não é coberta pelos serviços da microsoft
WeChat APP->>Local VPN Server: Enviar solicitação de conexão VPN
Servidor VPN local->>Servidor WeChat: Estabelecer conexão VPN
final
“`

3. fluxograma de interação de um usuário acessando o aplicativo WeChat, importando expressões de sereia para o diagrams.net
A sintaxe do Mermaid no ambiente de texto atual não pode ser analisada corretamente; pode ser alterada para ser compatível com o formato markdown.

“`mermaid
subgrafo Cliente
click[点击微信APP图标] –> request[微信APP向微信服务器发送HTTPS请求]
final

subgráfico Servidor VPN local
judge[判断网络是否在微信服务范围内] –>|不在| establish[微信APP向本地VPN服务器发送连接请求,建立VPN连接]
final

subgráfico do lado do servidor do wechat
request –> authenticate[微信服务器对请求身份验证和认证]
authenticate –>|请求合法| response[微信服务器返回HTTP响应报文给微信APP]
response –> parse[微信APP解析响应报文]
final

parse –>|需要| request_more[微信APP向微信服务器发起进一步请求和交互]
“`

Observe que nas expressões Mermaid: não pode haver parênteses () na descrição; expressões de pontuação, que precisam estar no formato inglês, por exemplo, dois pontos, vírgulas.

Gerar um mapa mental

pista

Mapa mental

Exemplo de introdução

Palavra-chave:
O processo de visitar os Oito Grandes Lugares, combiná-lo com um mapa mental e gerar a linguagem de marcação Mindmap

Código de saída:

O processo de jogar no Badaqi

– 准备
– 确定游玩日期
– 购买门票
– 查看天气预报
– 准备水、零食、防晒用品等

– 到达八大处
– 乘坐公交车/驾车到达
– 寻找停车位/购买停车券
– 进入景区

– 游览景点
– 参观玉佛寺
– 参观十三陵
– 走进青龙湖
– 爬上千尺岩
– 感受狼谷风光
– 游览植物园
– 游玩冰雪世界
– 迎接刺激的碰碰车

– 用餐
– 选择餐厅
– 点餐
– 用餐

– 休息
– 休息片刻
– 喝水补充能量

– 继续游玩
– 挑战高空滑索
– 尝试攀岩
– 感受刺激的漂流
– 迎接旋转木马

– 购买纪念品
– 选择纪念品店
– 选购纪念品
– 付款

– 离开八大处
– 步行/乘坐公交车回家
– 整理个人物品
– 结束愉快的一天

Exemplo de código:

O processo de jogar no Badaqi

– 准备
– 确定游玩日期
– 购买门票
– 查看天气预报
– 准备水、零食、防晒用品等

– 到达八大处
– 乘坐公交车/驾车到达
– 寻找停车位/购买停车券
– 进入景区

– 游览景点
– 参观玉佛寺
– 参观十三陵
– 走进青龙湖
– 爬上千尺岩
– 感受狼谷风光
– 游览植物园
– 游玩冰雪世界
– 迎接刺激的碰碰车

– 用餐
– 选择餐厅
– 点餐
– 用餐

– 休息
– 休息片刻
– 喝水补充能量

– 继续游玩
– 挑战高空滑索
– 尝试攀岩
– 感受刺激的漂流
– 迎接旋转木马

– 购买纪念品
– 选择纪念品店
– 选购纪念品
– 付款

– 离开八大处
– 步行/乘坐公交车回家
– 整理个人物品
– 结束愉快的一天

>O código acima não pode ser executado diretamente nas anotações; clique em [Generate Mind Map] (https://markmap.js.org/repl), o código é copiado e você pode fazer o download direto da imagem original.

Gerar fluxogramas complexos

pista

GraphvizDOT

Exemplo de introdução

Palavra-chave:
Quero que você atue como gerador de DOT do Graphviz, um especialista em criar gráficos significativos. Ajude-me a gerar um gráfico do ciclo da água. O conteúdo do código está em chinês.

Código de saída:

digrafo G {
rankdir=LR.
node[shape=circle, fontname=”Arial”];
edge[fontname=”Arial”, fontsize=12];

// Definir o nó
地球 [label=”地球”];
湖泊 [label=”湖泊”];
海洋 [label=”海洋”];
太阳 [label=”太阳”];
大气 [label=”大气”];
云 [label=”云”];
雨水 [label=”雨水”];
冰雪 [label=”冰雪”];
河流 [label=”河流”];
植被 [label=”植被”];

// Definir as bordas
太阳 -> 大气 [label=”辐射”];
大气 -> 地球 [label=”辐射”];
地球 -> 湖泊 [label=”地下水补给”];
地球 -> 海洋 [label=”河流补给”];
湖泊 -> 河流 [label=”水流”];
海洋 -> 大气 [label=”蒸发”];
大气 -> 云 [label=”凝结”];
云 -> 雨水 [label=”降水”];
雨水 -> 湖泊 [label=”径流”];
雨水 -> 河流 [label=”径流”];
冰雪 -> 湖泊 [label=”融化”];
冰雪 -> 河流 [label=”融化”];
植被 -> 大气 [label=”蒸腾”];
植被 -> 地球 [label=”土壤水分”];
}

Exemplos avançados

Palavra-chave:
Gostaria que você atuasse como gerador de DOT do Graphviz, especialista em criar gráficos significativos. O gráfico deve ter pelo menos n nós (eu especifico n em minha entrada escrevendo [n], 10 é o padrão) e ser uma representação precisa e complexa da entrada fornecida. Cada nó é indexado por um número para reduzir o tamanho da saída, não deve conter nenhum estilo e deve ser parametrizado com layout=neato, overlap=false, node [shape=rectangle]. O código deve ser válido, livre de erros e retornado em uma linha sem nenhuma explicação. Forneça diagramas claros e organizados; as relações entre os nós devem fazer sentido para um especialista nessa entrada. Meu primeiro diagrama é: "Ciclo da água [8]".
> Esse exemplo reforça as funções, traz n como uma variável, abstrai o código, os requisitos de estilo, a nomeação de parâmetros, melhora a validade do código e reduz o código redundante. Este exemplo oferece mais possibilidades.

Código de saída:

digrafo {
layout=neato; overlap=false; node [shape=rectangle];
0[label=”蒸发”];
1[label=”大气层”];
2[label=”凝结”];
3[label=”降水”];
4[label=”陆地”];
5[label=”地下水”];
6[label=”地表径流”];
7[label=”海洋”];
0 -> 1;
1 -> 2;
2 -> 3.
3 -> 4.
3 -> 5.
3 -> 6.
3 -> 7.
}

erDiagrama
USERS ||–o{ USER_ROLES }o–|| ROLES : “用户-角色”

MAPS }o–|| LEVELS : level
LEVELS ||–o{ OBJECTIVES } : objective

usuários {
uuid user_id
texto e-mail
data do texto
int requests_count
user_id *–1 user
}

bate-papos {
uuid chat_id
uuid user_id
timestamp creation_time
histórico json
text chat_name
}

chat_history {
uuid message_id
uuid chat_id
text user_message
Assistente de texto
timestamp message_time
}

vetores {
id uuid
conteúdo de texto
metadados jsonb
incorporação de vetor(1536)
}

estatísticas {
hora do carimbo de data/hora
booleano chat
incorporação booleana
detalhes do texto
metadados jsonb
ID de série
}

resumos {
bigserial id
uuid document_id
conteúdo de texto
metadados jsonb
incorporação de vetor(1536)
}

api_keys {
uuid key_id
uuid user_id
text api_key
timestamp creation_time
timestamp deleted_time
booleano is_active
}

cérebros {
uuid brain_id
nome do texto
status do texto
modelo de texto
text max_tokens
temperatura do flutuador
}

brains_users {
uuid brain_id
uuid user_id
varchar rights
boolean default_brain
}

brains_vectors {
uuid brain_id
uuid vector_id
text file_sha1
}

brain_subscription_invitations {
uuid brain_id
varchar email
varchar rights
}

migrações {
varchar name
timestamptz executed_at
}