Interactive charts for your MCP server, in a few lines.
mcp-charts · npm · Docs · Discord
@bonnard/mcp-charts adds a visualize tool plus an embedded chart widget to any MCP server. The agent writes SQL, your database returns the rows, and the result renders as an interactive chart inside the host (Claude, ChatGPT, and other MCP Apps clients). You write no frontend code.
- Grounded in real data. Charts render the rows your query returned, not numbers the model typed into a tool call. No hallucinated figures.
- A few lines, no frontend. One function, one widget that works across every MCP Apps host.
- Interactive, not static images. Tooltips, legends, and axis formatting, native to the client.
npm install @bonnard/mcp-charts