Formats ChatGPT et Markdown – Génération de toutes sortes de diagrammes et de formats modifiables
Il s’agit d’un article de blog rapidement rassemblé, principalement pour partager les résultats de l’obtention de ChatGPT pour produire Markdown. Markdown peut être modifié et via des formats d’extension rendus sous forme de diagrammes, de graphiques et de cartes (par exemple mermaid.js , Kroki , ArgDown ), offrant un moyen plus visuel de partager la sortie ChatGPT.
Old simple Markdown avec une touche
Je pensais commencer par un simple Markdown. Pour cela, j’ai donné à ChatGPT une tâche de remue-méninges pour trouver des avantages et des inconvénients avec la torsion d’utiliser Markdown pour indiquer les en-têtes.

Cela a fonctionné mais le démarquage a été rendu au format HTML. J’ai dû demander une version démarquée que je pourrais copier.

J’ai ensuite demandé que les phrases clés soient mises en évidence en gras.

Pour aller plus loin, j’ai demandé des liens externes vers wikipedia.


Mon espoir d’obtenir des références d’articles académiques via des liens semblait prometteur jusqu’à ce que je reçoive des hyperliens de démarquage valides vers des URL inventées ! Au moins, cela m’a alerté sur le fait que les liens n’existent peut-être pas réellement.
Dans l’ensemble, j’ai pensé que je trouverais cela utile pour au moins mettre en évidence des phrases clés, créer des liens vers des pages Wikipédia pertinentes et les coller dans n’importe quel éditeur Markdown.
Diagrammes de Gantt du plan de projet (via Mermaid.js)
Mermaid.js est capable de restituer un simple Markdown dans de nombreux formats de diagramme. Dans cet exemple, je demande à ChatGPT de proposer les tâches principales nécessaires à la réalisation d’un projet, donnez-lui un exemple de Markdown pour générer un diagramme de Gantt et regardez avec étonnement !

Ensuite, je voulais que les sections de tâches soient dépendantes les unes des autres.

J’ai changé le format de la date et la date de début. J’ai été vraiment impressionné que ChatGPT sache quoi changer.

Enfin, je n’avais besoin d’apporter aucune modification manuelle au Markdown généré pour que Mermaid.js rende le Gantt.

Mappage des arguments (via ArgDown)
ArgDown est un format Markdown plus complexe pour le mappage d’arguments. Dans cet exemple, je n’ai pas donné d’exemple de format à ChatGPT. Il semblait savoir ce qu’était ArgDown mais la syntaxe n’était pas valide.

J’ai collé un échantillon du site Web ArgDown et j’ai été très impressionné par le fait qu’il pouvait convertir les clauses d’argument au nouveau format.


ChatGPT a bien réussi à récupérer la plupart de la syntaxe basée sur l’exemple limité et ne savait pas que les accolades étaient utilisées pour les en-têtes.

La syntaxe était valide et j’ai pu rendre l’exemple dans le bac à sable ArgDown ainsi que l’exporter aux formats SVG et PNG.
À ce stade, je pensais avoir appris à ChatGPT comment rendre dans un petit sous-ensemble de ArgDown Markdown. Malheureusement, je me suis trompé.

En fait, j’ai trouvé étrange que ChatGPT revienne à l’utilisation des signes + et -. Le renforcement de la syntaxe l’a amené à générer l’exemple en utilisant la syntaxe correcte.

Je voulais des couleurs différentes pour les avantages et les inconvénients, alors je lui ai enseigné un balisage supplémentaire.

Voici le diagramme rendu qui n’a nécessité aucune modification de la syntaxe.

Beaucoup plus à essayer….
Dans l’ensemble, je suis très impressionné. Impressionné que ChatGPT puisse produire du texte généré avec un démarquage et que je puisse lui apprendre une nouvelle syntaxe. Certaines de mes tentatives précédentes pour obtenir une sortie graphique ont conduit ChatGPT à dire qu’il s’agit d’un modèle de langage et qu’il ne peut produire que du texte. La syntaxe structurée contourne cette limitation et vous donne quelque chose qui peut être modifié puis rendu dans un graphique visuel, une carte ou un diagramme. Mermaid.js , Kroki et ArgDown sont certainement capables de produire un ensemble diversifié de diagrammes et ont des éditeurs/sandbox en ligne qui peuvent rendre et convertir en fichiers png ou SVG téléchargeables. Certaines autres idées incluent la génération d’organigrammes, de cartes de parcours utilisateur, de schémas fonctionnels et de cartes mentales (via Mermaid.js ou MarkMap ).