Search2chart MCP

Name: Search2chart MCP
Author: iqingyoung

作者：iqingyoung版本 0.4.1i★ –i在你的电脑上运行

注册名称io.github.iqingyoung/search2chart-mcp

安装

概览

作者提供的说明（英文原文）

跨客户端 ECharts 图表 MCP server：数据 -> 可交互 HTML 与内联图片

PopNx MCP 的三大支柱

这三项永远不会合并成一个分数：意见、测量和人气是不同的东西。

用户评价i暂无评价评价功能将在后续阶段与账户功能一起开放
我们的基础检查i1 项中通过 1 项依据公开信息检查；尚未扫描代码
使用情况i尚未统计★ –

它能帮你做什么

我们还没有为它写通俗的介绍。下面是我们从注册中心读取到的事实。

连接方式: 在你的电脑上运行
传输方式: stdio
分类: 网页与浏览器

安装

选择你使用的 AI 应用，然后复制设置。

安装之前

基础检查：1 项中通过 1 项
在你的电脑上运行，拥有你的用户账户的权限（文件、网络、应用）。
注册中心没有列出需要填写的密钥。

你需要

npm已安装 Node.js（用于 npx 命令）

你用的是哪个应用？

ClaudeClaude CodeCursorVS CodeChatGPT

在上方选择你的应用。我们会记住它，下次按钮会显示“安装到 …”。

打开 Claude Desktop → Settings → Developer → Edit Config，把下面的内容粘贴到 claude_desktop_config.json

{
  "mcpServers": {
    "search2chart": {
      "command": "npx",
      "args": [
        "-y",
        "search2chart-mcp"
      ]
    }
  }
}

在终端中运行这条命令

claude mcp add search2chart -- npx -y search2chart-mcp

在 Cursor 中打开

或者自己复制设置

粘贴到项目中的 .cursor/mcp.json，或 ~/.cursor/mcp.json

{
  "mcpServers": {
    "search2chart": {
      "command": "npx",
      "args": [
        "-y",
        "search2chart-mcp"
      ]
    }
  }
}

浏览器会先询问是否打开应用，然后应用会显示设置并请你确认。密钥的值会留空，由你自己填写。

在 VS Code 中打开

或者自己复制设置

粘贴到项目中的 .vscode/mcp.json

{
  "servers": {
    "search2chart": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "search2chart-mcp"
      ]
    }
  }
}

浏览器会先询问是否打开应用，然后应用会显示设置并请你确认。密钥的值会留空，由你自己填写。

这个服务器在你的电脑上运行，而 ChatGPT 只能连接互联网上的服务器。请选择其他应用。

你的选择通过 Cookie 保存在这台设备上，无需账户。

这些设置是根据作者在注册中心的条目生成的。如果 README 的写法不同，请以 README 为准。

它能做什么

它在你的电脑上运行；安装后，工具列表会显示在你的 AI 应用中。

基础检查i

我们检查的是任何人都能看到的信息；我们没有阅读代码。不适用的检查项不计入总数。 · 检查于 2026年11月8日

✓ 通过
作者与仓库一致
注册名称已通过 GitHub 账户 iqingyoung 验证，该账户拥有此仓库
… 尚未检查
仍在维护
我们还没有从 GitHub 读取这个仓库
… 尚未检查
有许可证
我们还没有从 GitHub 读取这个仓库
– 不适用
端点有响应
它在你的电脑上运行，没有互联网端点
– 不适用
使用 OAuth 登录
在你的电脑上运行，改用本地设置
… 尚未检查
工具描述中没有隐藏指令
它在你的电脑上运行；我们只能读取互联网端点的工具列表

与“网页与浏览器”中的其他服务器比较i

星标数多于此分类中其他 1378 个服务器的 0%
发布到注册中心的时间比此分类中其他 1378 个服务器的 26% 更新
基础检查结果等于或优于此分类中其他 1378 个服务器的 100%

与注册中心里这个分类中所有活跃的服务器比较。只有当发布者拥有该仓库时，星标数才计入。

常见问题

Search2chart MCP 安全吗？

它在 1 项适用的基础检查中通过了 1 项。我们没有阅读代码。在添加密钥或令牌之前，请先看看这个服务器要求哪些权限，并使用只具备所需权限的密钥。

它需要哪些密钥或代码？

注册中心没有列出必需的密钥，不过有些服务器会在首次使用时要求你登录。

它在我的电脑上运行还是在云端？

它在你的电脑上运行。你的 AI 应用会在需要时启动它，数据不会经过作者的服务器（除非它自己调用在线服务）。

它还在维护吗？

GitHub 仓库最后更新于–，最新版本（0.4.1）于2个月前进入注册中心。

哪些应用可以使用它？

支持 MCP 的应用，例如 Claude Desktop、Claude Code、Cursor 和 VS Code。你的电脑上还需要有 Node.js。

有什么可以替代它？

同一分类中有：Browser Use, Chrome DevTools MCP, MCP Server Browser

替代选择

同一分类中其他作者的服务器，按星标数排序。

如何看卡片：★ GitHub 星标i三大支柱：评价 · 检查 · 使用情况i更新 = 最新版本发布到注册中心的时间i

Browser Use

作者：browser-use

Browser agents and stealth cloud browsers for AI: run web tasks, fill forms, extract data.

电脑或云端★ 120,087MIT18天前更新

安装

Chrome DevTools MCP

作者：ChromeDevTools

MCP server for Chrome DevTools

在你的电脑上运行★ 54,821Apache-2.016天前更新

安装

MCP Server Browser

作者：bytedance

MCP server for browser use access

在你的电脑上运行★ 39,550Apache-2.014个月前更新

安装

作者的 README

打开 README

按原文从作者的仓库复制。PopNx MCP 没有审查或背书其内容。HTML、图片和脚本已被移除。链接会离开本站。

search2chart-mcp

Turn any tabular data into inline charts directly inside agent conversations. Zero runtime dependencies, multi-client adaptive.

把「任意表格数据」变成直接内联在 agent 对话流里的图表。零运行时依赖，多端自适应。

安装

# 方式一：DSH 原生插件（DeepSeek Harness 用户推荐，真·内联）

dsh plugin --profile web add dsh-chart

方式二：npx（通用 MCP server，无需 clone）

npx search2chart-mcp

方式三：git clone

git clone https://github.com/iqingyoung/search2chart-mcp.git

两条路径

路径	目录	适用
通用 MCP server	`mcp/`	ZCode / Claude Desktop / Cursor / WorkBuddy / Trae / Codex / DSH 通用
原生 DSH 插件	`dsh/`	DeepSeek Harness（真·内联，图片直接进对话）

用 MCP 客户端 → 用 mcp/，对话框直接出图
用 DSH 且想要原生体验 → 用 dsh/；DSH 里也能用 mcp/（走文件链接）
两者可并存

快速开始

1. 在你的 MCP 配置里加入

"mcpServers": { "search2chart-mcp": { "command": "npx", "args": ["search2chart-mcp"], "env": {} } } }

如果 npx 拉不到，用 clone 后的绝对路径："command": "node", "args": ["<仓库>/mcp/server.js"]

2. 首次接入：测试你的 Agent 能渲染哪种图片

不同 Agent 渲染器对图片格式支持各异。先用 all 模式一次性测试：

临时配置（在 MCP 配置里加环境变量）：

"env": { "ECHARTS_INLINE_MODE": "all" } }

发给 Agent 的测试 prompt：

用 chart_from_data 生成一个简单柱状图。

数据：[["城市","销量"],["北京",120],["上海",200],["广州",150]] 标题：城市销量对比 chartType：bar

Agent 返回 3-4 行图，分别标记为：

【1·data URI】 — 自包含 base64，无需联网
【2·localhost http】 — 本地 HTTP 服务
【3·file://】 — 本地文件路径
【4·CDN 公网 https】 — GitHub + jsDelivr 公网地址

哪个在对话框里真正渲染成了图片，你的 Agent 就支持哪种。

3. 固定模式

能渲染的格式	设置
data URI ✅	`ECHARTS_INLINE_MODE=inline`（默认）
file:// ✅	`ECHARTS_INLINE_MODE=file`
localhost http ✅	`ECHARTS_INLINE_MODE=inline`
CDN 公网 https ✅	`ECHARTS_INLINE_MODE=cdn`
MCP image block ✅	`inline` + 调用时 `returnImage:true`
都显示不了	`ECHARTS_INLINE_MODE=none`，用 `.html` 交互图

Agent 自动检测

工具结果里已内置 Agent 指令，告诉模型如何根据用户反馈自动设置模式：

[Agent]: 返回 4 行图片，哪张正常显示？

已知客户端实测：ZCode → file，OpenCode → inline（data URI），WorkBuddy → cdn，DSH → inline（localhost http），Claude/Cursor → inline + returnImage:true。

核心能力

多客户端内联适配

通过 ECHARTS_INLINE_MODE 环境变量控制内联行为：

模式	行为	适用客户端
`inline`（默认）	data URI → localhost http → file:// 自动 fallback	OpenCode / DSH / 通用
`file`	只输出 `file://` 本地路径	ZCode
`cdn`	上传 GitHub+jsDelivr，输出公网 https	WorkBuddy
`all`	测试模式：一次返回所有格式	首次接入时测试
`none`	纯文本（.html 路径 + 数据），无内联	纯文本模型 / 终端

CDN 公网图床

SVG → PNG 栅格化（@resvg/resvg-js，可选依赖）
GitHub Contents API 上传 + jsDelivr CDN 加速
GitHub Actions 定时清理（默认保留 3 天）

清洗数据留存

结果附带完整数据（JSON，代码块包裹），让纯文本模型在上下文里继续做占比/趋势/对比分析，无需看图。returnData: false 可关。

自包含可交互 HTML

图表同时写入 .html 文件，浏览器打开即支持 hover / 缩放 / 类型切换 / 配色调整。

工具

工具	作用
`chart_from_data`	结构化数据 → 图表 HTML + 内联图片
`chart_from_file`	CSV/XLSX 路径 → 图表 HTML + 内联图片
`list_chart_types`	列出支持的类型 / 配色与字段约定

字段约定：第一列 = 类别轴；其余列 = 数值序列（多列即多序列）；chartType: auto 按数据自动选饼/柱。

接入各客户端

详见 mcp/README.md。

├── mcp/ # 跨端 MCP server（内联 SVG + 可交互 HTML） │ ├── server.js # MCP stdio 协议 + 工具入口 │ ├── lib/ │ │ ├── chart.js # 数据归一化 + ECharts option │ │ ├── html.js # 自包含可交互 HTML │ │ ├── svg.js # 零依赖 SVG 渲染器 │ │ ├── httpserver.js # 本地 HTTP 服务 │ │ ├── rasterize.js # SVG→PNG │ │ ├── upload.js # GitHub + jsDelivr CDN │ │ └── parse.js # CSV/XLSX 解析 │ └── scripts/ │ ├── selftest.js # 端到端自检 │ └── verify_cdn.cjs # CDN 端到端验证 ├── dsh/ # 原生 DSH 内联插件 ├── LICENSE └── README.md

License

MIT