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应用增强，该项目都能提供可靠的图表生成服务。