MCP Server Chart 項目介紹

項目概述

MCP Server Chart 是一個基於 TypeScript 開發的模型上下文協議 (Model Context Protocol, MCP) 伺服器，專門用於使用 AntV 圖表庫生成各種類型的可視化圖表。該項目為開發者提供了一個強大的圖表生成解決方案，可以輕鬆整合到各種應用程式中。

主要特性

🎯 核心功能

• 多樣化圖表支持：支持 25+ 種不同類型的圖表
• TypeScript 開發：類型安全，代碼可維護性強
• MCP 協議兼容：遵循模型上下文協議標準
• AntV 整合：基於業界領先的 AntV 可視化庫
• Claude Desktop 整合：可直接在 Claude Desktop 中使用
• Dify 平台支持：支持在 Dify 平台中使用

📊 支持的圖表類型

基礎圖表類型：

• generate_area_chart - 面積圖
• generate_bar_chart - 條形圖
• generate_column_chart - 柱狀圖
• generate_line_chart - 折線圖
• generate_pie_chart - 餅圖
• generate_scatter_chart - 散點圖
• generate_histogram_chart - 直方圖

高級圖表類型：

• generate_dual_axes_chart - 雙軸圖
• generate_radar_chart - 雷達圖
• generate_treemap_chart - 樹狀圖
• generate_network_graph - 網絡圖
• generate_word_cloud_chart - 詞雲圖

專業圖表類型：

• generate_fishbone_diagram - 魚骨圖
• generate_flow_diagram - 流程圖
• generate_mind_map - 思維導圖

每種圖表類型都會生成相應的圖表並返回圖片 URL，方便在各種應用場景中使用。

技術架構

開發語言與框架

• 主要語言：TypeScript
• 協議標準：Model Context Protocol (MCP)
• 圖表庫：AntV（螞蟻集團開源的數據可視化解決方案）

項目結構

該項目遵循標準的 MCP 伺服器架構，提供標準化的工具接口供客戶端調用。

安裝與使用

快速開始

方式1：使用 npx（推薦）

npx -y @antv/mcp-server-chart

方式2：本地開發

# 安裝依賴
npm install

# 構建項目
npm run build

# 啟動 MCP 伺服器
npm run start

Claude Desktop 整合

在 Claude Desktop 中使用時，需要在配置文件中添加以下伺服器配置：

{
  "mcpServers": {
    "mcp-server-chart": {
      "command": "npx",
      "args": [
        "-y",
        "@antv/mcp-server-chart"
      ]
    }
  }
}

應用場景

數據可視化應用

• 儀表板開發：為管理儀表板生成實時數據可視化圖表
• 報表系統：自動生成各類統計報表和分析圖表
• 數據分析：為數據科學家和分析師提供快速圖表生成能力

Web 應用整合

• 動態圖表生成：在 Web 應用中根據用戶需求動態生成圖表
• API 服務：作為圖表生成的微服務提供給其他應用調用
• 內容管理系統：為 CMS 系統提供圖表生成功能

AI 應用增強

• Claude 整合：增強 Claude 的數據可視化能力
• 智能分析：結合 AI 模型進行數據分析和可視化
• 自動化報告：自動生成包含圖表的分析報告

技術優勢

標準化協議

• 遵循 MCP 協議標準，確保與各種 AI 工具和平台的兼容性
• 提供統一的接口規範，便於整合和維護

高質量圖表庫

• 基於 AntV 圖表庫，確保圖表的專業性和美觀度
• 支持豐富的圖表類型和自定義選項

易於整合

• 提供簡單的安裝和配置方式
• 支持多種部署方式，適應不同的使用場景

總結

MCP Server Chart 是一個功能強大、易於使用的圖表生成解決方案。它結合了 MCP 協議的標準化優勢和 AntV 圖表庫的專業性，為開發者提供了一個理想的數據可視化工具。無論是用於 Web 應用開發、數據分析還是 AI 應用增強，該項目都能提供可靠的圖表生成服務。