使用说明

MCP图表服务器

提供全面图表生成功能的模型上下文协议（MCP）服务器。此服务器提供各种各样的图表类型，并具有全面的Zod模式验证，用于类型安全的图表配置。

克劳德。AI集成（免费运行版）

供克劳德立即使用。无需本地设置的AI，请使用以下公共端点：

流式HTTP: https://chart.mcp.cloudcertainty.com/mcp
服务器发送的事件: https://chart.mcp.cloudcertainty.com/sse

只需将任一端点添加到您的Claude即可。AI MCP配置立即开始生成图表。

特性

🎯 15+图表类型 -全面的图表库，涵盖所有主要的可视化需求
🔒 类型安全 -所有图表配置的完整Zod模式验证
🌐 多个部署选项 -本地服务器、HTTP流和SSE端点
🚀 克劳德。人工智能集成 -Claude的即用型端点。人工智能集成
📊 专业图表 -支持财务、统计和业务可视化

支持的图表类型

基本图表

柱状图 -具有多个数据集的传统条形图
折线图 -具有可定制样式和填充选项的折线图
饼图 -具有悬停效果和自定义颜色的饼图
雷达图 -用于比较分析的多轴雷达图
极地面积图 -周期性数据的径向面积图

高级图表

圆环图 -具有中心标签和半圆支持的增强饼图
散点图 -带可选趋势线的X/Y坐标绘图
气泡图 -具有气泡尺寸的三维数据可视化
OHLC图表 -带有交易量和指标的金融烛台图

专业图表

小提琴图表 -统计分布可视化
仪表图 -可定制的带阈值仪表
径向量规 -简单的径向进度指示器
进度条 -线性进度指标
迷你图 -最小趋势可视化
桑基图 -流程和过程可视化

快速开始

地方发展

克隆存储库

git clone https://github.com/KamranBiglari/mcp-server-chart.git
cd mcp-server-chart

安装依赖项
```
npm install
```
构建项目
```
npm run build
```
运行服务器
```
npm start
```

使用示例

基本条形图

{
  "type": "bar",
  "data": {
    "labels": ["January", "February", "March", "April", "May"],
    "datasets": [
      { "label": "Sales", "data": [50, 60, 70, 180, 190] },
      { "label": "Expenses", "data": [100, 200, 300, 400, 500] }
    ]
  }
}

财务OHLC图表

{
  "type": "ohlc",
  "data": {
    "datasets": [
      {
        "label": "MSFT",
        "data": [
          {"x": 1459468800000, "o": 18.23, "h": 19.36, "l": 18.18, "c": 19.31}
        ],
        "color": {"up": "#26a69a", "down": "#ef5350", "unchanged": "#999"}
      }
    ]
  }
}

高级甜甜圈图

{
  "type": "doughnut",
  "data": {
    "labels": ["Complete", "Remaining"],
    "datasets": [{"data": [75, 25], "backgroundColor": ["#4CAF50", "#E0E0E0"]}]
  },
  "options": {
    "circumference": 3.14159,
    "rotation": 3.14159,
    "plugins": {
      "doughnutlabel": {
        "labels": [{"text": "75%", "font": {"size": 24}}]
      }
    }
  }
}

散点图

{
  "type": "scatter",
  "data": {
    "datasets": [
      {
        "label": "Dataset 1",
        "data": [
          {"x": 2, "y": 4},
          {"x": 3, "y": 3},
          {"x": 5, "y": 8}
        ]
      }
    ]
  }
}

配置

MCP客户端配置

添加到MCP客户端配置中：

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

克劳德。AI配置

为了克劳德。AI集成，添加以下端点之一：

{
  "mcpServers": {
    "chart-server": {
      "url": "https://chart.mcp.cloudcertainty.com/mcp"
    }
  }
}

发展

项目结构

src/
├── charts/           # Chart type definitions
│   ├── bar.ts       # Bar chart schema
│   ├── line.ts      # Line chart schema
│   ├── ohlc.ts      # OHLC chart schema
│   └── ...          # Other chart types
├── utils/           # Utility functions
│   ├── index.ts     # Zod to JSON schema conversion
│   └── schema.ts    # Common schema definitions
└── index.ts         # Main MCP server

建筑

npm run build      # Build TypeScript
npm run dev        # Development mode with watch
npm run lint       # Run linting

测试

npm test           # Run test suite
npm run test:watch # Watch mode testing

图表类型参考

图表类型	用例	数据格式
`bar`	分类比较	`{labels: string[], datasets: {data: number[]}[]}`
`line`	随时间变化的趋势	`{labels: string[], datasets: {data: number[]}[]}`
`pie`	部分到整体的关系	`{labels: string[], datasets: {data: number[]}[]}`
`doughnut`	增强饼图	`{labels: string[], datasets: {data: number[]}[]}`
`radar`	多变量比较	`{labels: string[], datasets: {data: number[]}[]}`
`polarArea`	周期性数据	`{labels: string[], datasets: {data: number[]}[]}`
`scatter`	相关性分析	`{datasets: {data: {x: number, y: number}[]}[]}`
`bubble`	三维数据	`{datasets: {data: {x: number, y: number, r: number}[]}[]}`
`ohlc`	财务数据	`{datasets: {data: {x: number, o: number, h: number, l: number, c: number}[]}[]}`
`violin`	统计分布	`{labels: string[], datasets: {data: number[][]}[]}`
`gauge`	KPI仪表板	`{datasets: {value: number, data: number[]}[]}`
`sankey`	工艺流程	`{datasets: {data: {from: string, to: string, flow: number}[]}[]}`

api参考

可用工具

所有图表类型都可以作为MCP工具使用，其模式如下：

工具名称与图表类型匹配（例如。， bar, line, ohlc)
输入模式验证图表配置
返回生成的图表数据

架构验证

每种图表类型都包含全面的Zod模式，用于验证：

图表类型和结构
数据格式和类型
造型选项
图表特定配置

贡献

分叉存储库
创建要素分支
添加您的图表类型或改进
包括测试和文件
提交拉取请求

许可证

MIT许可证-有关详细信息，请参阅许可证文件

支持

📚 文档：检查内联模式文档
🐛 问题：通过GitHub问题报告错误
💬 讨论：使用GitHub讨论来回答问题
🌐 现场演示：与Claude一起尝试公共端点。人工智能

路线图

[]实时数据绑定
[]自定义主题支持
[]导出格式（PNG、SVG、PDF）
[]动画和交互选项
[]仪表板布局组成