AI导哈

图表渲染服务

基于AntV Infographic的交互式图表渲染服务，支持通过文本DSL生成各类图表。

  • by VancySavoki
  • TypeScript
  • 本地部署
  • 9 星标
  • 更新于
在 GitHub 查看 VancySavoki/infographic-mcp-app

使用说明

MCP应用程序信息图

MCP服务器，通过基于文本的交互式DSL呈现AntV信息图。

列表图：

序列图：

安装

与任何支持 MCP应用程序 --Claude、ChatGPT、VS Code、Goose等。如果有什么不起作用，请 打开一个问题.

本地

从源代码构建

git clone https://github.com/vancysavoki/infographic-mcp-app.git
cd infographic-mcp-app
npm install && npm run build

添加 ~/Library/Application Support/Claude/claude_desktop_config.json:

{
  "mcpServers": {
    "infographic": {
      "command": "node",
      "args": ["/path/to/infographic-mcp-app/dist/index.js", "--stdio"]
    }
  }
}

重新启动克劳德桌面。

用法

示例提示：

  • “用信息图画一只可爱的猫”
  • “使用信息图创建时间线图”
  • “绘制一个显示用户连接到API服务器的体系结构图”

什么是MCP应用程序，我如何构建一个？

文本回复只能到此为止。有时用户需要与数据交互，而不仅仅是阅读数据。 MCP应用程序 是一个官方的模型上下文协议扩展，允许服务器返回直接在聊天中呈现的交互式HTML界面（数据可视化、表单、仪表板）。

贡献

PR欢迎！看 本地 上面是构建说明。

部署您自己的实例

只需点击几下，您就可以将自己的副本部署到Vercel：

  1. 分叉此回购
  2. 首选 vercel.com/new 并导入您的叉子
  3. 无需环境变量，只需部署即可
  4. 您的服务器将位于 https://your-project.vercel.app/mcp

发布清单

For maintainers 
# 1. Bump version in manifest.json and package.json
# 2. Build and pack
npm run build && mcpb pack .

# 3. Create GitHub release
gh release create v0.3.0 infographic-mcp-app.mcpb --title "v0.3.0" --notes "What changed"

# 4. Deploy to Vercel
vercel --prod

积分

建于 AntV信息图 --手绘风格可视化库。

许可证

麻省理工学院

相关 MCP