Skip to main content
Glama

Gráfico del servidor MCP construir Versión npm insignia de herrería Licencia npm

Un servidor de protocolo de contexto de modelo para generar gráficos utilizando AntV .

Este es un servidor MCP basado en TypeScript que ofrece funciones de generación de gráficos. Permite crear diversos tipos de gráficos mediante herramientas MCP.

✨ Características

Ahora se admiten más de 15 gráficos.

  • generate_area_chart : genera un gráfico area y devuelve una URL de imagen.

  • generate_bar_chart : genera un gráfico bar y devuelve una URL de imagen.

  • generate_column_chart : genera un gráfico column y devuelve una URL de imagen.

  • generate_dual_axes_chart : genera un gráfico dual-axes y devuelve una URL de imagen.

  • generate_fishbone_diagram : genera un diagrama fishbone-diagram y devuelve una URL de imagen.

  • generate_flow_diagram : genera un diagrama flow-diagram y devuelve una URL de imagen.

  • generate_histogram_chart : genera un gráfico histogram y devuelve una URL de imagen.

  • generate_line_chart : genera un gráfico line y devuelve una URL de imagen.

  • generate_mind_map : genera un gráfico de mind-map y devuelve una URL de imagen.

  • generate_network_graph : genera un gráfico network-graph y devuelve una URL de imagen.

  • generate_pie_chart : genera un gráfico pie y devuelve una URL de imagen.

  • generate_radar_chart : genera un gráfico radar y devuelve una URL de imagen.

  • generate_scatter_chart : genera un gráfico scatter y devuelve una URL de imagen.

  • generate_treemap_chart : genera un gráfico treemap y devuelve una URL de imagen.

  • generate_word_cloud_chart : genera un gráfico word-cloud y devuelve una URL de imagen.

Related MCP server: PowerPoint MCP Server

🤖 Uso

Para usar con Desktop APP como Claude, VSCode, Cline , Cherry Studio, etc., agregue la configuración del servidor MCP a continuación. En sistemas Mac:

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

En el sistema Windows:

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

También puedes usarlo en aliyun , modelscope , glama.ai , smithery.ai u otros con protocolo HTTP, SSE.

🚰 Ejecutar con SSE o transporte Streamable

Instalar el paquete globalmente.

npm install -g @antv/mcp-server-chart

Ejecute el servidor con su opción de transporte preferida:

# For SSE transport (default endpoint: /sse)
mcp-server-chart --transport sse

# For Streamable transport with custom endpoint
mcp-server-chart --transport streamable

Luego podrás acceder al servidor en:

  • Transporte SSE: http://localhost:1122/sse

  • Transporte transmitible: http://localhost:1122/mcp

Opciones de CLI

También puede usar las siguientes opciones de la CLI al ejecutar el servidor MCP. Opciones de comando al ejecutar cli con -h .

MCP Server Chart CLI

Options:
  --transport, -t  Specify the transport protocol: "stdio", "sse", or "streamable" (default: "stdio")
  --port, -p       Specify the port for SSE or streamable transport (default: 1122)
  --endpoint, -e   Specify the endpoint for the transport:
                   - For SSE: default is "/sse"
                   - For streamable: default is "/mcp"
  --help, -h       Show this help message

📠 Implementación privada

MCP Server Chart ofrece un servicio gratuito de generación de gráficos por defecto. Los usuarios que necesiten una implementación privada pueden usar VIS_REQUEST_SERVER para personalizar su propio servicio de generación de gráficos.

{
  "mcpServers": {
    "mcp-server-chart": {
      "command": "npx",
      "args": [
        "-y",
        "@antv/mcp-server-chart"
      ],
      "env": {
        "VIS_REQUEST_SERVER": "<YOUR_VIS_REQUEST_SERVER>"
      }
    }
  }
}

Puede utilizar el proyecto GPT-Vis-SSR de AntV para implementar un servicio HTTP en un entorno privado y luego pasar la dirección URL a través del entorno VIS_REQUEST_SERVER .

🔨 Desarrollo

Instalar dependencias:

npm install

Construir el servidor:

npm run build

Inicie el servidor MCP:

npm run start

📄 Licencia

MIT@ AntV .

Latest Blog Posts

MCP directory API

We provide all the information about MCP servers via our MCP API.

curl -X GET 'https://glama.ai/api/mcp/v1/servers/antvis/mcp-server-chart'

If you have feedback or need assistance with the MCP directory API, please join our Discord server