Add visualisations to your data MCP in a few lines of code

Name: Add visualisations to your data MCP in a few lines of code
Availability: InStock
Author: maxmealing

by maxmealing·Jun 29, 2026·2 points·0 comments

Visit Project View on HN

AI Analysis

●●SolidBig BrainShip It

Widget protocol renders charts natively in Claude when most MCP tools return text only.

Strengths

•No frontend code needed for chart rendering
•Eight chart types with automatic selection from data shape
•Warehouse adapters for Postgres and other databases

Weaknesses

•Pre-1.0 API may change
•Requires existing MCP server setup

Post Description

Our small company works in the data space, and the shift towards agent-friendly data surfaces is the big thing right now.

We decided to get stuck in by learning how to build MCPs and semantic layers, and then testing them with our clients. To be honest, we wouldn’t say this is too challenging for a smart data engineer or analyst with a good agent client.

However, adding charts (as an MCP app) and writing the front-end code was a pain. Trying to make these agent-friendly was also a pain. After lots of trial and error, we’ve put something fairly effective and wanted to share it with the wider data community.

If you’re building MCPs on top of any sort of data, then give it a try. We’re always open to feedback