How to Use the Image-Charts MCP in Windsurf
Use the Image-Charts MCP Server in Windsurf to turn raw data into visual charts without leaving your IDE's Cascade agent.
Works with every AI agent you already use
…and any MCP-compatible client
Connect Image-Charts MCP to Windsurf
Create your Vinkius account to connect Image-Charts to Windsurf and route execution through our secure gateway. The platform manages server hosting, runtime updates, and security layers. Configuration requires no manual server provisioning.
Generate visuals with Cascade
Cascade reads your data and triggers `generate_chart_url` to create a direct link for your dashboard. You just tell the agent what you need to see. It handles the URL formatting so you don't have to worry about the syntax. You get a clean visual representation of your data structures instantly.
Handle complex datasets
When your data exceeds simple URL limits, the agent switches to `render_chart_post` to get the image bytes directly. This ensures your high-density charts render perfectly every time. Windsurf chains this automatically, so you aren't stuck debugging failed image loads. The agent manages the transport method based on your data size.
Integrated chart preview
View your output right in the chat window after the server finishes the request. This MCP server makes sure the visualization matches your code context. You avoid context switching between your terminal and a browser. Everything stays inside your Windsurf environment for faster iteration.
Set up Image-Charts MCP in Windsurf
Prerequisites
- Windsurf IDE installed (macOS, Windows, or Linux)
- Active Vinkius subscription with a valid endpoint token
- 1
Open MCP configuration
Click the Cascade assistant icon in the sidebar, then click the hammer icon (🔨) at the top of the panel. Select "Configure" to open
~/.codeium/windsurf/mcp_config.json. - 2
Add the Image-Charts MCP
Paste the JSON snippet shown on the right into the
mcpServersobject. Replace[YOUR_TOKEN_HERE]with your endpoint token from cloud.vinkius.com. - 3
Refresh MCPs
Go back to the hammer icon (🔨) in Cascade and click "Refresh". Windsurf will detect the new server. No full restart is needed — the connection is hot-reloaded.
- 4
Verify in Cascade
Start a new Cascade conversation and ask something like "Show my Image-Charts payment history." If connected, Cascade will call the Image-Charts tools directly. You will see a green dot next to the server name in the MCP panel.
{
"mcpServers": {
"image-charts-mcp": {
"url": "https://edge.vinkius.com/[YOUR_TOKEN_HERE]/mcp"
}
}
}Independent Platform Disclaimer: Vinkius is an independent platform and is not affiliated with, endorsed by, sponsored by, verified by, or otherwise authorized by Image-Charts. All third-party trademarks, logos, and brand names are the property of their respective owners. Their use on this website is strictly for informational purposes to identify service compatibility and interoperability.
Why Choose Vinkius
Vinkius connects your tools to AI with real-time monitoring and automatic cost savings — all from one dashboard.
Real-time monitoring
Live
visibility into every interaction
Connect your favorite tools to your AI and see exactly what's happening — every request, every response, in real time.
Built-in savings
60%
lower AI costs
Vinkius compresses data between your apps and your AI automatically. Lower bills every month — no configuration required.
Single dashboard
One
place for every integration
Every tool your AI connects to, managed from a single screen. One account, complete control.
Common questions about Image-Charts MCP in Windsurf
Use it with your favorite AI tools
Connect this server to Cursor, Claude, VS Code, and more.
Start using the Image-Charts MCP today
We host it, we monitor it, we maintain it. You just paste one token.
