Générer des graphiques dans un agent IA avec OpenAI
Un agent IA de chat répond normalement, et appelle un outil lorsque l'utilisateur demande un graphique. Cet outil lance un sous-workflow qui demande à OpenAI une définition de graphique au format Chart.js et Quickchart.io, avec une sortie JSON structurée. L'URL de l'image est renvoyée à l'agent, qui l'affiche dans sa réponse. Il s'agit d'un essai : toutes les options de Quickchart ne sont pas intégrées, et les graphiques radar s'affichent mal.
- Déclencheur
- Message de chat
- Taille
- 8 nœuds
- Outils
- OpenAI, Requêtes HTTP (API), Agent IA
Comment fonctionne ce workflow
- 1
Le nœud Chat Trigger reçoit le message de l'utilisateur et le transmet à l'agent.
- 2
L'agent IA, relié à un modèle OpenAI et à une mémoire de fenêtre, répond directement ou décide d'appeler son outil de graphique.
- 3
Le nœud d'outil appelle le sous-workflow et lui transmet la demande de graphique.
- 4
Le sous-workflow démarre sur Execute Workflow Trigger, puis le nœud HTTP Request envoie la demande à OpenAI avec un format de réponse JSON défini.
- 5
Le nœud Edit Fields ajoute la définition du graphique à la fin d'une URL quickchart.io et fixe la largeur à 250.
- 6
L'URL de l'image est renvoyée à l'agent, qui l'affiche dans la conversation.
Quand l'utiliser
- Demander à l'agent un graphique sur un classement, par exemple le top 5 des films au box-office.
- Réutiliser le sous-workflow dans une automatisation qui n'est pas un agent IA, car il ne dépend pas du chat.
À préparer avant l'import
- Un compte OpenAI avec une clé API.
- La clé enregistrée comme identifiant OpenAI dans n8n, pour le modèle de chat de l'agent.
- Un identifiant pour le nœud HTTP Request qui appelle l'API OpenAI.
- Un accès à votre instance n8n pour activer le workflow principal avant de lui écrire.
Bon à savoir
Gardez la largeur à 250 dans le nœud Edit Fields : c'est la valeur choisie pour un affichage correct dans l'interface de chat. Les graphiques radar ne s'affichent pas correctement, à vérifier avant usage.
Installer ce template dans n8n
- Téléchargez le fichier JSON avec le bouton en haut de la page.
- Dans n8n, ouvrez le menu d'un workflow vide, choisissez « Import from File » et sélectionnez le fichier.
- Reliez vos propres identifiants à chaque nœud qui en demande un, lancez un test, puis activez le workflow.
Ce template fonctionne sur n8n auto-hébergé comme sur n8n Cloud. Les nœuds IA demandent une version récente de n8n.
Autres templates : Productivité & Organisation
- Trier les ressources du top Hacker News avec GeminiUn template n8n qui trie les ressources du top Hacker News avec Gemini et les envoie par e-mail.
- Analyser ses séances Strava avec un agent IAUn agent IA analyse vos activités Strava et envoie un bilan d'entraînement par e-mail ou WhatsApp.
- Transcrire une réunion en direct et la résumer avec OpenAIUn bot rejoint votre réunion sur Zoom, Google Meet ou une autre plateforme, transcrit la discussion et enregistre les notes dans Supabase.
- Interroger et créer des événements Outlook depuis SlackUn agent IA lit les agendas Outlook partagés et répond aux questions posées dans un canal Slack.
- Analyser une image de graphique boursier avec OpenAIEnvoyez une image de graphique et recevez une lecture simple de la tendance, générée par OpenAI.
- Analyser un fichier Google Sheets par chat avec OpenAIUn agent de chat OpenAI lit une feuille Google Sheets à partir de son URL et renvoie les indicateurs clés de vos données.
Vous voulez ce workflow branché sur vos outils ?
Ce template est un point de départ. Nous l'adaptons à vos règles, à vos comptes et à votre hébergement, puis nous le maintenons.
Voir notre accompagnement n8n