Dans ma précédente série en 2 parties sur l’utilisation de Mermaid.js avec ChatGPT pour créer des diagrammes système ( partie 1 et partie 2 ), nous avons examiné les capacités de ChatGPT pour créer des modèles de séquence, d’activité, d’état et C4.
Je me suis intéressé à explorer cela plus avant, et voici ma prochaine série sur la construction de diagrammes plus sophistiqués avec ChatGPT en utilisant PlantUML
PlantUMLvous permet de créer une large gamme de diagrammes à partir de descriptions textuelles. Dans son état actuel, il peut prendre en charge les diagrammes de Gantt, les cartes mentales, les diagrammes conceptuels et plus encore, en plus de tous les diagrammes UML
J’étais particulièrement intéressé par la construction de MindMaps, alors voici mon premier article de la série PlantUML. Mon interaction avec ChatGPT et son utilisation pour créer des MindMaps avec PlantUML
Invite : qu’est-ce qu’une carte mentale ChatGPT : une carte mentale représente des idées ou des informations organisées autour d’un concept central ou d’une idée clé. Les cartes mentales sont souvent utilisées pour organiser visuellement les informations et créer une structure claire pour les pensées et les concepts. Les nœuds d’une carte mentale peuvent se ramifier pour montrer les relations entre les idées. Ils peuvent être codés par couleur, étiquetés avec des icônes ou annotés avec du texte pour clarifier davantage les relations. Les cartes mentales sont couramment utilisées dans la prise de notes, le brainstorming, la résolution de problèmes et la prise de décision, car elles aident à capturer et à organiser les pensées visuellement et intuitivement.
Carte mentale de base
Rapide:Bon, commençons par créer une MindMap simple sur le thème deArtificial Intelligence Pouvez-vous donner la carte mentale dansPlantUMLformat. Gardez-le structuré à partir du sujet central de base se ramifiant vers d’autres domaines et sous-domaines. Passons à 4 niveaux pour commencer. Ajoutez les balises de début et de fin de la carte mentale et continuez à les développer d’un côté pour le moment ChatGPT : Bien sûr, voici une simple carte mentale du sujet « Intelligence Artificielle » au format PlantUML, avec quatre niveaux
@startmindmap * Intelligence artificielle ** Technologies IA *** Apprentissage automatique **** Apprentissage supervisé **** Apprentissage non supervisé **** Apprentissage par renforcement *** Traitement du langage naturel (TAL) **** Analyse des sentiments *** * Marquage de la partie du discours **** Reconnaissance d'entité nommée @endmindmap
et pour le visualiser, ouvrons draw.ioou diagrams.netpuis allons sur Arrange -> Insert -> Advanced -> PlantUML
et collez l’extrait ci-dessus
ouverture de diagrammes plantUML dans draw.io
et voici la visualisation
MindMap de base dans plantUML
Cool! Nous avons une carte mentale !!
Essayons de peaufiner quelques paramètres.
Augmenter les niveaux
Invite : Pouvez-vous l’augmenter de deux niveaux supplémentaires et ajouter d’autres domaines ChatGPT : Bien sûr, voici la carte mentale étendue du sujet « Intelligence artificielle » au format PlantUML, avec six niveaux :
@startmindmap * Intelligence artificielle ** Technologies IA ** * Machine Learning **** Apprentissage supervisé **** * Régression **** * Classification **** Apprentissage non supervisé **** * Clustering **** * Association Règles **** Apprentissage par renforcement *** Traitement du langage naturel (PNL) ** ** Analyse des sentiments ** *** Analyse de la polarité ** *** Analyse des émotions ** ** Marquage des parties du discours ** ** Reconnaissance d'entité nommée **Applications IA *** Vision par ordinateur ** ** Reconnaissance d'objets ** ** Segmentation d'images ** * Robotique **** Navigation **** Manipulation ** * Reconnaissance vocale * ** * Vérification du locuteur **** Synthèse vocale @endmindmap
Représentation de six niveaux de mindmap
Ajouter des codes de couleur
Ensuite, ajoutons des codes de couleur à nos MindMaps.
note : j’ai dû fournir la syntaxe pour fournir des codes de couleur car ChatGPT utilise probablement une syntaxe plus ancienne qui casse le code plantUML lors du prétraitement
Invite : pouvez-vous ajouter des codes de couleur à la carte mentale ci-dessus ? Utilisez la formule*[#FFFF00] Artificial Intelligence. Ce qui précède n’est qu’un exemple; utilisez vos codes de couleur pour chaque nœud en fonction de la complexité de chaque nœud en termes de temps nécessaire pour apprendre ce sujet pour un débutant
ChatGPT : Voici une version mise à jour de la carte mentale, avec des codes de couleur indiquant la complexité de chaque sujet
Mais que signifient ces couleurs ? Laisse-moi essayer d’avoir une légende
Invite : pouvez-vous créer une légende PlantUML pour les codes de couleur ci-dessus ? Marquez-les par rapport à la durée en fonction de laquelle les couleurs ont été sélectionnées ChatGPT : Voici une légende PlantUML pour les codes de couleur, indiquant la durée nécessaire à un débutant pour apprendre chaque sujet :
légende - Vert : Sujets qui peuvent être appris en moins d' une semaine (environ 10 à 20 heures d'étude) - Jaune : Sujets qui prennent quelques semaines à un mois à apprendre ( environ 30 à 50 heures d'étude) - Orange : Sujets qui demandent quelques mois d' apprentissage ( environ100 - 150 heures d'étude) - Rouge : Sujets qui nécessitent un effort et du temps substantiels pour apprendre (environ 200 - 300 heures ou plus d'étude) endlegend
et importer dansdraw.io
légende
Génial, nous avons une carte mentale avec des codes de couleur et une légende correspondante avec la description de chaque code de couleur.
Ajout d’icônes
Ensuite, essayons d’ajouter des icônes à notre MindMap
note : j’ai dû fournir la syntaxe pour fournir des icônes car ChatGPT utilise probablement une syntaxe plus ancienne qui casse le code plantUML lors du pré-traitement
Invite : pouvez-vous ajouter des icônes à la MindMap ci-dessus à l’aide d’icônes prises en charge par plantUML à partir de la bibliothèque d’icônes ouverte ? Le format d’utilisation est le*[#red] <&star> Manipulation. Ce qui précède est un exemple de nœud de couleur rouge et d’icône de démarrage de la bibliothèque iconique ouverte. Conservez les mêmes codes de couleur que ci-dessus, mais utilisez les icônes pertinentes, le cas échéant ChatGPT :
icônes de la bibliothèque iconique ouverte de plantUML
Les icônes ne semblent pas toutes appropriées, mais au moins une très bonne tentative de ChatGPT pour mapper des icônes proches en fonction de sujets.
À l’étape suivante
Ajouter une description
Invite : pouvez-vous ajouter une définition uniquement aux nœuds feuilles ? Ces définitions doivent être mises à la ligne en utilisant le format PlantUML et ne pas être entourées d’un encadré. Conservez les icônes et les couleurs des nœuds telles quelles et ajoutez des nœuds de description supplémentaires à tous les nœuds feuilles. Le format d’ajout de nœuds feuilles est****_ description ChatGPT :
@startmindmap *[ #red] <&home> Intelligence artificielle **[ #red] <&aperture> Technologies IA ***[ #orange] <&puzzle-piece> Machine Learning ****[ #orange] <&tag> Apprentissage supervisé *****[ #yellow] <&code> Régression ******_ Une approche statistique pour trouver la relation entre une variable dépendante et une ou plusieurs variables indépendantes. *****[ #yellow] <&circle-check> Classification ******_ Tâche consistant à catégoriser un ensemble de données en classes en fonction de leurs caractéristiques. ****[ #orange] <&tableau de bord><&list> Clustering ******_ Méthode d'organisation d'un ensemble de données en groupes (clusters) en fonction de leurs similitudes. *****[ #yellow] <&tag> Règles d'association ******_ Une approche statistique pour trouver des relations entre des variables dans de grands ensembles de données. ****[ #orange] <&pulse> Apprentissage par renforcement *****_ Un domaine de l'apprentissage automatique qui se concentre sur la formation d'un agent à prendre une séquence de décisions en maximisant une récompense. ***[ #orange] <&cog> Traitement du langage naturel (TAL) ****[ #yellow] <&pulse> Analyse des sentiments *****[ #green] <&arrow-top>******_ Une méthode pour identifier le sentiment exprimé dans un texte comme positif, négatif ou neutre. *****[ #green] <&eye> Analyse des émotions ******_ La tâche de détecter et de classer les émotions dans le texte ou la parole. ****[ #jaune] <&tag> Marquage des parties du discours *****_ La tâche consistant à marquer chaque mot d' une phrase avec sa partie correspondante du discours, comme le nom, le verbe, l'adjectif, etc. * ***[ #yellow] <&bookmark> Reconnaissance d'entités nommées *****_ Une technique NLP qui identifie des entités nommées dans un texte, telles que des organisations, des personnes, des lieux, etc. **[ #red]<&aperture> AI Applications ***[ #orange] <&image> Computer Vision ****[ #yellow] <&target> Reconnaissance d'objets *****_ La tâche de reconnaissance d'objets dans des images ou des vidéos en fonction de leurs caractéristiques et les attributs. ****[ #jaune] <&crop> Segmentation d'image *****_ Le processus de division d'une image en plusieurs segments ou régions, chacun correspondant à un objet ou une partie différente de l'image. ***[ #orange] <&code> Robotique ****[ #yellow] <&map-marker> Navigation *****_ La tâche de guider un robot d'un endroit à un autre.****_ La tâche de manipuler des objets dans l'environnement à l'aide d'un robot. ***[ #orange] <µphone> Reconnaissance vocale ****[ #jaune] <&person> Vérification du locuteur *****_ La tâche de vérifier l'identité d'un locuteur en fonction de son discours. ****[ #yellow] <&audio> Synthèse vocale *****_ La tâche de générer de la parole à partir d'un texte. @endmindmap
et la représentation
nœuds feuilles avec descriptions (pas de cases)
Et voila. Cartes mentales sophistiquées réalisées avec ChatGPT, codées par couleur avec légende, icône activée et descriptive.
