D3 MCP Server

D3 MCP Server

site icon
2025.03.11 0
TypeScript数据可视化D3.js代码生成开发效率
mcp-d3-server 是一个基于 TypeScript 和 Express 的 Model Context Protocol (MCP) 服务器,专注于 D3.js 数据可视化。它通过 MCP 协议提供 D3 可视化文档、图表推荐和代码生成功能。
View on GitHub

Overview

基本能力

产品定位

mcp-d3-server 是一个专注于 D3.js 数据可视化的 MCP 服务器,旨在为开发者提供便捷的 D3 资源访问、图表推荐和代码生成服务。

核心功能

  • D3 资源访问:提供 D3 文档和示例的访问。
  • 图表推荐:根据数据和目标推荐合适的图表类型。
  • 代码生成:为各种图表类型生成 D3 代码示例。
  • MCP 集成:支持 AI 工具直接连接到 D3 知识库。

适用场景

  • 开发者需要快速获取 D3 文档和示例。
  • 需要根据数据特点推荐合适的图表类型。
  • 需要自动生成 D3 代码以加速开发流程。
  • AI 工具需要集成 D3 知识库以提供更智能的服务。

工具列表

  • generate-d3-chart:生成不同图表类型的 D3 代码。
  • 参数:chartType, dataFormat, features (可选)
  • recommend-chart:根据数据推荐 D3 图表类型。
  • 参数:dataDescription, purpose

常见问题解答

无明确常见问题解答部分。

使用教程

使用依赖

  • Node.js 16.x 或更高版本
  • npm 或 yarn

安装教程

  1. 克隆仓库
git clone https://github.com/iamfiscus/mcp-d3-server.git
cd mcp-d3-server
  1. 安装依赖
npm install
  1. 构建项目
npm run build

调试方式

  1. 启动服务器
npm start
  1. 服务器将运行在 http://localhost:3000(或 .env 文件中指定的 PORT)

  2. 使用 MCP 客户端连接到 http://localhost:3000/mcp-sse

开发时使用热重载:

npm run dev

许可证

该项目遵循 MIT 开源许可条款。