Make Charts With AI — MCP 服务器

The Make Charts With AI MCP 服务器将 AI 驱动的图表推荐和生成能力作为标准 Model Context Protocol (MCP) 工具提供给 AI 代理——Claude Desktop、Cursor、Antigravity、VS Code 等。

npm 包：makechartswithai

⚡ 快速开始

1. 获取 API 密钥

访问 makechartswithai.online/mcp 并生成一个免费的匿名 API 密钥（每个密钥可调用 5 次工具）。

2. 添加到你的 MCP 客户端

将以下内容添加到你的 MCP 客户端配置文件（claude_desktop_config.json、mcp_config.json 等）中：

{
  "mcpServers": {
    "makechartswithai": {
      "command": "npx",
      "args": ["-y", "makechartswithai"],
      "env": {
        "MAKECHARTSWITHAI_API_KEY": "mcwai_ak_your_key_here",
        "MAKECHARTSWITHAI_BACKEND_URL": "https://makechartswithai.online"
      }
    }
  }
}

就这样——你的 AI 代理现在可以推荐和生成图表了。

🛠️ 可用的 MCP 工具

1. recommend_charts

分析原始数据集（JSON、CSV、Markdown 表格或自然语言提示），并建议最佳的图表类型，附有置信度分数和理由。

输入：

• dataset_json (string, optional): 原始 JSON 数据数组或对象字符串。

• dataset_content (string, optional): CSV、Markdown 表格或纯文本数据。

• user_intent (string, optional): 关于你想要可视化的内容的自然语言说明。

• focus_columns (string[], optional): 需要优先处理的目标列名。

2. generate_chart

生成生产就绪的图表规范，并按照你选择的格式（share_link、svg、png）返回输出。渲染引擎（vegalite、echarts、chartjs）会根据图表类型能力自动确定。

输入：

• dataset_json (string, optional): 原始 JSON 数据字符串。

• dataset_content (string, optional): 表格数据集（CSV、Markdown）。

• user_intent (string, optional): 自然语言可视化提示。

• preferred_chart_type (string enum, optional): 支持的 46 种图表类型之一（Bar Chart、Grouped Bar Chart、Stacked Bar Chart、Line Chart、Scatter Plot、Pie Chart、Area Chart、Heatmap、Radar Chart、Sunburst Chart、Sankey Diagram 等）。

• output_format (enum, optional: "share_link" | "svg" | "png", default: "share_link"):

  • "share_link": 返回 makechartswithai.online 上的公开查看和编辑 URL。

  • "svg": 渲染并返回矢量 SVG XML 标记字符串。

  • "png": 渲染并返回高分辨率 PNG 图像负载（image/png base64 + 已保存的文件产物）。

🔑 环境变量

旧版别名：为了向后兼容，也支持 CHARTIT_API_KEY 和 CHARTIT_BACKEND_URL。

📊 支持的图表类型（46）

面积图、柱状图、条形表、箱线图、气泡图、子弹图、凹凸图、日历热力图、蜡烛图、等值区域图、组合图、连接散点图、密度图、环形图、ECDF 图、漏斗图、甘特图、仪表图、分组柱状图、热力图、直方图、KPI 卡片、折线图、棒棒糖图、地图、网络图、平行坐标图、饼图、金字塔图、雷达图、范围面积图、范围点图、回归图、玫瑰图、桑基图、散点图、斜率图、迷你图、堆叠柱状图、流图、条带图、旭日图、树图、矩形树图、小提琴图、瀑布图。

🔗 链接

• 🌐 应用：makechartswithai.online

• 🔑 API 密钥：makechartswithai.online/mcp

• 📦 npm：npmjs.com/package/makechartswithai

• 🐙 GitHub：github.com/vickytr44/makechartswithai-mcp