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[usuário] --> B[navegador].
B --> C [Servidor DNS].
C --> D [cache local].
D --> |cache misses| E[resolução de DNS].
E --> F [Servidor DNS].
F --> G [obter endereço IP].
B --> H [servidor da Web].
H --> I[Solicitação de conexão TCP].
I --> J [servidor da Web].
J --> K [solicitação HTTP].
K --> L[método da solicitação, cabeçalho da solicitação, corpo da solicitação].
J --> M [solicitação de processamento].
M --> |recurso existente| N [mensagem de resposta de retorno];
N --> O[código de status da resposta, cabeçalho da resposta, corpo da resposta].
B --> P[navegador analisando a página renderizada];
O --> P.
M --> |No resource exists| Q [retorna o código de status 404].
Q --> O.
P --> R [recursos de download].
R --> S [acesso a recursos].
H --> T [processando solicitações de recursos].
T --> | recurso existente| U[retornar mensagem de resposta do recurso];
U --> V[código de status do recurso, cabeçalho de resposta, corpo da resposta].
R --> P.
T --> |No resource exists| W [retorna o código de status 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
Servidor DNS -->> Navegador: Retornar endereço IP

Navegador->>Servidor Web: inicia a solicitação HTTP
Servidor da Web -->> Navegador: Retornar resposta HTTP (conteúdo HTML)

Navegador->>Servidor Web: solicita recursos HTML incorporados (imagens, estilos, JS, etc.)
Servidor da Web -->> Navegador: retornar ao conteúdo do recurso

Navegador -->> Navegador: analisa HTML e recursos, renderiza páginas da Web.
Navegador-->>Usuário: Mostrar página

Usuário->>Navegador: interage com a página da Web, gera novas solicitações
Navegador->>Servidor Web: inicia a solicitação HTTP
Servidor da Web -->> Navegador: Retornar resposta 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
Servidor WeChat-->>WeChat APP: Retornar resposta 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 [clique no ícone do WeChat APP] --> request [o WeChat APP envia uma solicitação HTTPS para o servidor WeChat]. fim

subgráfico Servidor VPN local
judge[Determine se a rede está dentro do alcance do serviço WeChat] -->|Not in| establish[WeChat APP sends connection request to local VPN server to establish VPN connection] end

subgráfico do lado do servidor do wechat
request --> authenticate[O servidor WeChat autentica e autentica a solicitação] authenticate --> |request authenticate| response [O servidor WeChat retorna a resposta HTTP para o WeChat APP]. response --> parse[O WeChat APP analisa a mensagem de resposta]. fim

parse -->|required| request_more [Aplicativo WeChat para iniciar outras solicitações e interações com o servidor WeChat] ``

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

- pretender
- Determinar a data da excursão
- Compra de ingressos
- Verifique a previsão do tempo
- Prepare água, lanches, protetor solar, etc.

- Chegada a Badaqi
- Chegada de ônibus/condução
- Encontrar uma vaga de estacionamento/comprar um tíquete de estacionamento
- Entrada na área cênica

- Passeios turísticos
- Visita ao Templo do Buda de Jade
- Visite as Treze Tumbas
- Para o lago Qinglong
- Escale a rocha de mil pés.
- Conheça o cenário do Vale dos Lobos
- Passeio pelo Jardim Botânico
- Jogar Ice World
- Conheça os emocionantes carrinhos de bate-bate

- jantar
- Escolha de um restaurante
- pedir comida
- jantar

- repouso
- quebra
- Água potável para energia

- Continuação da turnê
- Desafiando a tirolesa
- Tente escalar uma rocha.
- Sinta a emoção do rafting
- Conheça o Carrossel

- Compra de lembranças
- Seleção de lojas de souvenirs
- Compra de lembranças
- pagamento

- Saia de Badaqi.
- Ir para casa a pé ou de ônibus
- Organize seus pertences pessoais
- Fim de um dia agradável

Exemplo de código:

O processo de jogar no Badaqi

- pretender
- Determinar a data da excursão
- Compra de ingressos
- Verifique a previsão do tempo
- Prepare água, lanches, protetor solar, etc.

- Chegada a Badaqi
- Chegada de ônibus/condução
- Encontrar uma vaga de estacionamento/comprar um tíquete de estacionamento
- Entrada na área cênica

- Passeios turísticos
- Visita ao Templo do Buda de Jade
- Visite as Treze Tumbas
- Para o lago Qinglong
- Escale a rocha de mil pés.
- Conheça o cenário do Vale dos Lobos
- Passeio pelo Jardim Botânico
- Jogar Ice World
- Conheça os emocionantes carrinhos de bate-bate

- jantar
- Escolha de um restaurante
- pedir comida
- jantar

- repouso
- quebra
- Água potável para energia

- Continuação da turnê
- Desafiando a tirolesa
- Tente escalar uma rocha.
- Sinta a emoção do rafting
- Conheça o Carrossel

- Compra de lembranças
- Seleção de lojas de souvenirs
- Compra de lembranças
- pagamento

- Saia de Badaqi.
- Ir para casa a pé ou de ônibus
- Organize seus pertences pessoais
- Fim de um dia agradável

>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"];
borda[fontname="Arial", fontsize=12].

// Definir o nó
Terra [label="Terra"].
Lagos [label="Lakes"].
Oceanos [label="Oceanos"].
Sun [label="Sun"].
Atmosfera [label="Atmosfera"].
Nuvem [label="Cloud"].
Rain [label="Rain"].
Gelo e neve [label="Ice and snow"].
Rios [label="Rivers"].
Vegetação [label="Vegetation"].

// Definir as bordas
Sol -> Atmosfera [label="Radiação"].
Atmosfera -> Terra [label="Radiação"].
Earth -> Lakes [label="Groundwater Recharge"].
Terra -> Oceanos [label="River Replenishment"].
Lagos -> Rios [label="Streams"].
Oceanos -> Atmosfera [label="Evaporação"].
Atmosphere -> Clouds [label="Condensation"].
Nuvens -> Chuva [label="Precipitation"].
Chuva -> Lagos [label="Runoff"].
Rainfall -> Streams [label="Runoff"].
Gelo -> Lagos [label="Derreter"];;
Gelo e neve -> rio [label="melting"].
Vegetação -> Atmosfera [label="Transpiração"].
Vegetação -> Terra [label="Soil Moisture" (Umidade do solo)].
}

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="Vaporização"];
1[label="Atmosphere"].
2[label="Condensação"].
3[label="Precipitação"].
4[label="Land"].
5 [label="Groundwater"].
6[label="Surface runoff"].
7[label="Oceanos"].
0 -> 1;
1 -> 2;
2 -> 3.
3 -> 4.
3 -> 5.
3 -> 6.
3 -> 7.
}

erDiagrama
USERS ||--o{ USER_ROLES }o--|| ROLES : "User-Roles" (Funções do usuário)

MAPS }o--|| LEVELS : nível
LEVELS ||--o{ OBJECTIVES } : objetivo

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

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
}