AI Agent with charts capabilities using OpenAI Structured Output and Quickchart

Go to Workflow
14,960 views
Built by Agent Studio Agent Studio
Created on June 05, 2026

Description

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

Nodes Used (5)

AI Agent
@n8n/n8n-nodes-langchain.agent
Call n8n Workflow Tool
@n8n/n8n-nodes-langchain.toolWorkflow
HTTP Request
n8n-nodes-base.httpRequest
OpenAI Chat Model
@n8n/n8n-nodes-langchain.lmChatOpenAi
Simple Memory
@n8n/n8n-nodes-langchain.memoryBufferWindow