An MCP server based on AntV for chart generation, supporting 25+ visualization chart types.

MCP Server Chart Project Introduction

Project Overview

MCP Server Chart is a Model Context Protocol (MCP) server developed in TypeScript, specifically designed for generating various types of visualization charts using the AntV charting library. This project provides developers with a powerful chart generation solution that can be easily integrated into various applications.

Key Features

🎯 Core Functionality

• Diverse Chart Support: Supports 25+ different types of charts
• TypeScript Development: Type-safe with strong code maintainability
• MCP Protocol Compliance: Follows the Model Context Protocol standard
• AntV Integration: Based on the industry-leading AntV visualization library
• Claude Desktop Integration: Can be used directly in Claude Desktop
• Dify Platform Support: Supports usage within the Dify platform

📊 Supported Chart Types

Basic Chart Types:

• generate_area_chart - Area Chart
• generate_bar_chart - Bar Chart
• generate_column_chart - Column Chart
• generate_line_chart - Line Chart
• generate_pie_chart - Pie Chart
• generate_scatter_chart - Scatter Chart
• generate_histogram_chart - Histogram

Advanced Chart Types:

• generate_dual_axes_chart - Dual Axes Chart
• generate_radar_chart - Radar Chart
• generate_treemap_chart - Treemap
• generate_network_graph - Network Graph
• generate_word_cloud_chart - Word Cloud Chart

Professional Chart Types:

• generate_fishbone_diagram - Fishbone Diagram
• generate_flow_diagram - Flow Diagram
• generate_mind_map - Mind Map

Each chart type generates a corresponding chart and returns an image URL, making it convenient for use in various application scenarios.

Technical Architecture

Development Language and Framework

• Main Language: TypeScript
• Protocol Standard: Model Context Protocol (MCP)
• Charting Library: AntV (Ant Group's open-source data visualization solution)

Project Structure

The project follows a standard MCP server architecture, providing standardized tool interfaces for client-side calls.

Installation and Usage

Quick Start

Method 1: Using npx (Recommended)

npx -y @antv/mcp-server-chart

Method 2: Local Development

# Install dependencies
npm install

# Build the project
npm run build

# Start the MCP server
npm run start

Claude Desktop Integration

When using with Claude Desktop, the following server configuration needs to be added to the configuration file:

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

Application Scenarios

Data Visualization Applications

• Dashboard Development: Generate real-time data visualization charts for management dashboards
• Reporting Systems: Automatically generate various statistical reports and analysis charts
• Data Analysis: Provide data scientists and analysts with rapid chart generation capabilities

Web Application Integration

• Dynamic Chart Generation: Dynamically generate charts in Web applications based on user needs
• API Service: Provide chart generation as a microservice for other applications to call
• Content Management System: Provide chart generation functionality for CMS systems

AI Application Enhancement

• Claude Integration: Enhance Claude's data visualization capabilities
• Intelligent Analysis: Combine AI models for data analysis and visualization
• Automated Reporting: Automatically generate analysis reports containing charts

Technical Advantages

Standardized Protocol

• Follows the MCP protocol standard, ensuring compatibility with various AI tools and platforms
• Provides a unified interface specification for easy integration and maintenance

High-Quality Charting Library

• Based on the AntV charting library, ensuring the professionalism and aesthetics of the charts
• Supports a rich set of chart types and customization options

Easy to Integrate

• Provides simple installation and configuration methods
• Supports multiple deployment methods to adapt to different usage scenarios

Summary

MCP Server Chart is a powerful and easy-to-use chart generation solution. It combines the standardized advantages of the MCP protocol with the professionalism of the AntV charting library, providing developers with an ideal data visualization tool. Whether for Web application development, data analysis, or AI application enhancement, this project can provide reliable chart generation services.