AI agent with charts capabilities using OpenAI structured output and Quickchart
Needs changesNeeds changes. This template uses 1 thing(s) that n8n 3.0 removes: AI Agent v1 (old agent modes). 1 breaking item(s) found. Static check, last run 2026-10-19.
What to replace before upgrading
| Removed in 3.0 | Replace with |
|---|---|
| AI Agent v1 (old agent modes) AI Agent (v1.6) | Latest AI Agent node (Tools Agent). For SQL Agent, use a Postgres or MySQL tool with a recent AI Agent. |
Nodes used (8)
- OpenAI Chat Model
@n8n/n8n-nodes-langchain.lmChatOpenAi - Simple Memory
@n8n/n8n-nodes-langchain.memoryBufferWindow - Call n8n Workflow Tool
@n8n/n8n-nodes-langchain.toolWorkflow - Execute Workflow Trigger
n8n-nodes-base.executeWorkflowTrigger - HTTP Request
n8n-nodes-base.httpRequest - Edit Fields (Set)
n8n-nodes-base.set - AI Agent
@n8n/n8n-nodes-langchain.agent - Chat Trigger
@n8n/n8n-nodes-langchain.chatTrigger
What it does
This workflow is an experiment to integrate charts in AI Agents, using the new Structured Output from OpenAI and Quickchart.io. How it works - Users chat with an AI Agent. - Anytime the AI Agent considers a chart is needed, it calls a tool to generate a chart - OpenAI generates a chart using the Quickchart definition - This object is added at the end of a Quickchart.io URL (see documentation) - The url is added in the conversation via the AI Agent as markdown. Set up steps - Create an OpenAI API Key - Create the OpenAI credentials - Use the credentials for the HTTP Request node (as Predefined Credential type) - Activate your workflow - Start chatting - For example, you can ask the AI Agent to generate a chart about the top 5 movies at the box office - Start exploring the limits Shout-out Quickchart.io is an amazing open source project that provides a free API to test. Go check them out! Example of chart !Screenshot 20240904 at 14.08.29.png(fileId:836)