Le document utilise le ChatGPT Démonstration, code de génération de document veuillez adapter le logiciel pour exporter l'image par vous-même.
L'organigramme de génération des mots-clés fournit un résumé visuel rapide du travail fastidieux et permet d'inclure des éléments graphiques plus conviviaux dans la génération des articles.

Outils connexes.

1) Mermaid est une bibliothèque JavaScript permettant de créer des organigrammes, des diagrammes de temps, des diagrammes de classes, etc.

2) Mindmap est un outil permettant de construire des diagrammes conceptuels qui sont couramment utilisés dans les scénarios de cartographie de l'esprit, de cartographie mentale et de cartographie cérébrale.

3) GraphvizDOT est un outil permettant de créer des organigrammes, des diagrammes d'état et de transition, des organigrammes, des diagrammes de temps et bien d'autres choses encore, en utilisant des nœuds et des arêtes pour représenter les relations et des options de mise en page plus riches pour contrôler l'apparence du diagramme.

Générer un organigramme

indice

sirène

Graphiques à secteurs : utiliser le mot-clé "secteur", qui sera utilisé plus en détail par la suite.

Organigramme : utiliser le mot-clé graph, qui sera décrit plus en détail ultérieurement.

Diagrammes de séquence : utilisation du mot-clé sequenceDiagram

Diagramme de Gantt : utilisation du mot-clé gantt

Diagrammes de classes : utiliser le mot-clé classDiagram

Diagrammes d'état : utilisation du mot-clé stateDiagram

Cartographie du parcours de l'utilisateur : utilisation du mot-clé "parcours

Exemple de démarrage

#### Comment générer des expressions de graphe Mermaid avec chatGPT
Le noyau est un processus en deux étapes, l'une consistant à générer la description du processus dont vous avez besoin à partir de l'invite, et l'autre à générer l'expression de la sirène du processus à partir de l'invite.
Conseil générique :
Rôle : vous êtes un expert en `***'.
Tâche 1 : scénario `***`, comment se déroule l'ensemble du processus, donnez le flux d'interaction spécifique.
Tâche 2 : Réécrire le processus ci-dessus en utilisant la syntaxe Mermaid

#### par exemple l'organigramme à l'aide de diagrammes
Ouvrez diagrammes.net (https://app.diagrams.net/) Copiez le code de l'organigramme de la syntaxe Mermaid dans Advanced pour générer l'organigramme.

Générer un organigramme

``Mermaid
graphique TD.
A[utilisateur] --> B[navigateur].
B --> C [Serveur DNS].
C --> D [cache local].
D --> |cache misses| E [résolution DNS].
E --> F [Serveur DNS].
F --> G [obtenir l'adresse IP].
B --> H [serveur web].
H --> I [Demande de connexion TCP].
I --> J [serveur web].
J --> K [requête HTTP].
K --> L [méthode de requête, en-tête de requête, corps de requête].
J --> M [demande de traitement].
M --> |existing resource| N [return response message] ;
N --> O[code d'état de la réponse, en-tête de la réponse, corps de la réponse].
B --> P [navigateur analysant la page rendue] ;
O --> P.
M --> |La ressource n'existe pas| Q [code d'état 404].
Q --> O.
P --> R [ressources de téléchargement].
R --> S [accès aux ressources].
H --> T [traitement des demandes de ressources].
T --> |existing resource| U[return resource response message] ;
U --> V [code d'état de la ressource, en-tête de la réponse, corps de la réponse].
R --> P.
T --> |No resource exists| W [return 404 status code].
W --> U.
```

Comment dessiner rapidement par scène

1. diagramme de séquence du flux d'interaction de l'URL du navigateur, importation des expressions mermaid dans diagrams.net

``Mermaid
diagramme de séquence
Navigateur du participant
serveur DNS du participant
participant Serveur web

Navigateur->>Serveur DNS : interrogation DNS de l'adresse IP du nom de domaine du site web
Serveur DNS -->> Navigateur : Retourner l'adresse IP

Navigateur->>Serveur web : Lance une requête HTTP
Serveur Web -->> Navigateur : Réponse HTTP (contenu HTML)

Navigateur->>Serveur web : demande des ressources HTML intégrées (images, styles, JS, etc.)
Serveur Web -->> Navigateur : Retour au contenu de la ressource

Navigateur -->> Navigateur : analyse le code HTML et les ressources, rend les pages web.
Navigateur-->>Utilisateur : Afficher la page

Utilisateur->>Navigateur : interagit avec la page web, génère de nouvelles demandes.
Navigateur->>Serveur web : Lance une requête HTTP
Serveur Web -->> Navigateur : Retourner la réponse HTTP
```

2. séquence d'interaction d'un utilisateur accédant à l'application WeChat, importation d'expressions mermaid dans diagrams.net

``Mermaid
diagramme de séquence
utilisateur participant
Application wechat pour les participants
participant Serveur VPN local
serveur wechat pour les participants

Utilisateur->>WeChat APP : Cliquez sur l'icône WeChat APP
WeChat APP->>WeChat Server : Envoyer une requête HTTPS
WeChat Server-->>WeChat APP : Retourner la réponse HTTP
WeChat APP->>Serveur WeChat : Analyse du message de réponse

Note à l'attention de l'utilisateur : Voici la procédure à suivre pour établir une connexion VPN
le réseau alt n'est pas couvert par les services de microsoft
WeChat APP->>Local VPN Server : Envoyer une demande de connexion VPN
Serveur VPN local->>Serveur WeChat : Établir une connexion VPN
fin
```

3. organigramme d'interaction d'un utilisateur accédant à l'application WeChat, importation d'expressions mermaid dans diagrams.net
La syntaxe Mermaid dans l'environnement texte actuel ne peut pas être analysée correctement, elle peut être modifiée pour être compatible avec le format markdown.

``Mermaid
sous-graphe Client
click [Cliquer sur l'icône WeChat APP] --> request [WeChat APP envoie une requête HTTPS au serveur WeChat]end

sous-graphe Serveur VPN local
judge[Déterminer si le réseau se trouve dans la zone de service de WeChat] -->|Not in| establish[WeChat APP envoie une demande de connexion au serveur VPN local pour établir une connexion VPN]end

sous-graphe wechat côté serveur
demande --> authentifier [Le serveur WeChat s'authentifie et authentifie la demande]authentifier -->|la demande est légitime| réponse [Le serveur WeChat renvoie un message de réponse HTTP à l'APP WeChat]réponse --> analyser [L'APP WeChat analyse le message de réponse]fin

parse -->|required| request_more [WeChat APP pour initier d'autres demandes et interactions avec le serveur WeChat] ````

Notez que dans les expressions Mermaid : il ne peut y avoir de parenthèses () dans la description ; les expressions de ponctuation, qui doivent être au format anglais, par exemple les deux points, les virgules.

Créer une carte mentale

indice

Carte heuristique

Exemple de démarrage

Mot de repère :
Le processus de visite des huit grands lieux, leur combinaison avec une carte mentale, la génération d'un langage de balisage Mindmap.

Code de sortie :

Le processus de jeu en Badaqi

- vouloir
- Déterminer la date de l'excursion
- Achat de billets
- Vérifier les prévisions météorologiques
- Préparez de l'eau, des en-cas, de la crème solaire, etc.

- Arrivée à Badaqi
- Arrivée en bus/conduite
- Trouver une place de parking/acheter un ticket de parking
- Entrer dans l'espace scénique

- Visites guidées
- Visite du temple du Bouddha de Jade
- Visite des treize tombes
- Dans le lac Qinglong
- Escaladez le rocher de mille pieds.
- Découvrez les paysages de la vallée des loups
- Visite des jardins botaniques
- Jouer à Ice World
- Rencontrez les passionnantes autos tamponneuses

- repas
- Choisir un restaurant
- commander de la nourriture
- repas

- repos
- pause
- De l'eau potable pour l'énergie

- Poursuivre la visite
- Défier la tyrolienne
- Essayez l'escalade.
- Ressentir le frisson du rafting
- Rencontre avec le carrousel

- Achat de souvenirs
- Sélection de boutiques de souvenirs
- Achat de souvenirs
- paiement

- Quitter Badaqi.
- Marcher/prendre le bus pour rentrer chez soi
- Organisez vos effets personnels
- Fin d'une journée agréable

Exemple de code :

Le processus de jeu en Badaqi

- vouloir
- Déterminer la date de l'excursion
- Achat de billets
- Vérifier les prévisions météorologiques
- Préparez de l'eau, des en-cas, de la crème solaire, etc.

- Arrivée à Badaqi
- Arrivée en bus/conduite
- Trouver une place de parking/acheter un ticket de parking
- Entrer dans l'espace scénique

- Visites guidées
- Visite du temple du Bouddha de Jade
- Visite des treize tombes
- Dans le lac Qinglong
- Escaladez le rocher de mille pieds.
- Découvrez les paysages de la vallée des loups
- Visite des jardins botaniques
- Jouer à Ice World
- Rencontrez les passionnantes autos tamponneuses

- repas
- Choisir un restaurant
- commander de la nourriture
- repas

- repos
- pause
- De l'eau potable pour l'énergie

- Poursuivre la visite
- Défier la tyrolienne
- Essayez l'escalade.
- Ressentir le frisson du rafting
- Rencontre avec le carrousel

- Achat de souvenirs
- Sélection de boutiques de souvenirs
- Achat de souvenirs
- paiement

- Quitter Badaqi.
- Marcher/prendre le bus pour rentrer chez soi
- Organisez vos effets personnels
- Fin d'une journée agréable

>Le code ci-dessus ne peut pas être exécuté directement dans les notes, cliquez sur [Generate Mind Map] (https://markmap.js.org/repl), le code est copié, vous pouvez directement télécharger l'image originale.

Générer des organigrammes complexes

indice

GraphvizDOT

Exemple de démarrage

Mot de repère :
Je veux que vous agissiez en tant que générateur Graphviz DOT, expert en création de graphiques significatifs. Aidez-moi à générer un graphique sur le cycle de l'eau. Le contenu du code est en chinois.

Code de sortie :

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

// Définir le nœud
Terre [label="Terre"].
Lacs [label="Lacs"].
Océans [label="Océans"].
Soleil [label="Soleil"].
Atmosphère [label="Atmosphère"].
Nuages [label="Clouds"].
Pluie [label="Pluie"].
Glace et neige [label="Glace et neige"].
Rivières [label="Rivers"].
Végétation [label="Vegetation"].

// Définir les arêtes
Soleil -> Atmosphère [label="Radiation"].
Atmosphère -> Terre [label="Radiation"].
Terre -> Lacs [label="Recharge des eaux souterraines"].
Earth -> Oceans [label="River Replenishment"].
Lacs -> Rivières [label="Streams"].
Océans -> Atmosphère [label="Evaporation"].
Atmosphère -> Nuages [label="Condensation"].
Nuages -> Pluie [label="Précipitation"].
Pluies -> Lacs [label="Ruissellement"].
Pluies -> Cours d'eau [label="Ruissellement"].
Glace -> Lacs [label="Fonte"]; ;
Glace et neige -> rivière [label="melting"].
Végétation -> Atmosphère [label="Transpiration"].
Végétation -> Terre [label="Soil Moisture"].
}

Exemples avancés

Mot de repère :
J'aimerais que vous agissiez en tant que générateur de Graphviz DOT, expert en création de graphes significatifs. Le graphe doit avoir au moins n noeuds (je spécifie n dans mon entrée en écrivant [n], 10 est la valeur par défaut) et être une représentation précise et complexe de l'entrée donnée. Chaque noeud est indexé par un numéro pour réduire la taille de la sortie, ne doit pas contenir de styles, et doit être paramétré avec layout=neato, overlap=false, node [shape=rectangle]. Le code doit être valide, sans erreur et renvoyé en une seule ligne sans aucune explication. Fournissez des diagrammes clairs et organisés, les relations entre les nœuds doivent avoir un sens pour un expert en la matière. Mon premier diagramme est le suivant : "Cycle de l'eau [8]".
> Cet exemple renforce les rôles, introduit n en tant que variable, abstrait le code, les exigences de style, le nom des paramètres, améliore la validité du code et réduit le code redondant. Cet exemple offre plus de possibilités.

Code de sortie :

digraphe {
layout=neato ; overlap=false ; node [shape=rectangle] ;
0[label="Vaporisation"] ;
1[label="Atmosphère"].
2[label="Condensation"].
3[label="Précipitations"].
4[label="Land"].
5 [label="Groundwater"].
6[label="Ruissellement de surface"].
7[label="Océans et mers"].
0 -> 1 ;
1 -> 2 ;
2 -> 3.
3 -> 4.
3 -> 5.
3 -> 6.
3 -> 7.
}

erDiagramme
USERS ||--o{ USER_ROLES }o--|| ROLES : "Rôles d'utilisateur"

MAPS }o--|| LEVELS : niveau
NIVEAUX ||--o{ OBJECTIFS } : objectif

utilisateurs {
uuid user_id
courriel texte
date du texte
int requests_count
user_id *--1 utilisateur
}

chats {
uuid chat_id
uuid user_id
horodatage heure_de_création
historique json
texte nom_du_chat
}

chat_history {
uuid message_id
uuid chat_id
texte message_utilisateur
assistant textuel
horodatage message_time
}

vecteurs {
uuid id
contenu du texte
métadonnées jsonb
vector(1536) embedding
}

stats {
horodatage temps
booléen chat
booléen embedding
détails du texte
métadonnées jsonb
numéro de série
}

résumés {
bigserial id
uuid document_id
contenu du texte
métadonnées jsonb
vector(1536) embedding
}

clés_api {
uuid key_id
uuid user_id
texte clé api
horodatage heure_de_création
horodatage deleted_time
booléen is_active
}

cerveau {
uuid brain_id
nom du texte
statut du texte
modèle de texte
texte max_tokens
température du flotteur
}

brains_users {
uuid brain_id
uuid user_id
varchar droits
booléen default_brain
}

vecteurs_cerveaux {
uuid brain_id
uuid vector_id
texte fichier_sha1
}

brain_subscription_invitations {
uuid brain_id
varchar email
varchar droits
}

migrations {
varchar nom
timestamptz executed_at
}