Servidor MCP de quickchart-server

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

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.

Descripción general

Este servidor se integra con el servicio de generación de gráficos basado en URL de QuickChart.io para crear imágenes de gráficos mediante la configuración de Chart.js. Los usuarios pueden generar diversos tipos de gráficos proporcionando datos y parámetros de estilo, que el servidor convierte en URL de gráficos o imágenes descargables.

Related MCP server: quickchart-mcp-server

Características

Herramientas

• generate_chart - Generar una URL de gráfico usando QuickChart.io

  • Admite varios tipos de gráficos: barras, líneas, circulares, anillos, radar, área polar, dispersión, burbuja, radial, velocímetro.

  • Personalizable con etiquetas, conjuntos de datos, colores y opciones adicionales

  • Devuelve una URL al gráfico generado

• download_chart - Descargar una imagen de gráfico a un archivo local

  • Toma la configuración del gráfico y la ruta de salida como parámetros

  • Guarda la imagen del gráfico en la ubicación especificada

Tipos de gráficos admitidos

• Gráficos de barras: para comparar valores entre categorías

• Gráficos de líneas: para mostrar tendencias a lo largo del tiempo

• Gráficos circulares: para mostrar datos proporcionales

• Gráficos de anillos: similares a los gráficos circulares con un centro hueco.

• Gráficos de radar: para mostrar datos multivariados

• Gráficos de área polar: para mostrar datos proporcionales con segmentos de ángulos fijos

• Diagramas de dispersión: para mostrar distribuciones de puntos de datos

• Gráficos de burbujas: para visualización de datos tridimensionales

• Calibre radial: para mostrar valores individuales dentro de un rango

• Velocímetro: para visualización de valores estilo velocímetro

Uso

Configuración del gráfico

El servidor utiliza el formato de configuración Chart.js. A continuación, se muestra un ejemplo básico:

{
  "type": "bar",
  "data": {
    "labels": ["January", "February", "March"],
    "datasets": [{
      "label": "Sales",
      "data": [65, 59, 80],
      "backgroundColor": "rgb(75, 192, 192)"
    }]
  },
  "options": {
    "title": {
      "display": true,
      "text": "Monthly Sales"
    }
  }
}

Generación de URL

El servidor convierte su configuración en una URL de QuickChart:

https://quickchart.io/chart?c={...encoded configuration...}

Desarrollo

Instalar dependencias:

npm install

Construir el servidor:

npm run build

Instalación

Instalación

npm install @gongrzhe/quickchart-mcp-server

Instalación mediante herrería

Para instalar QuickChart Server para Claude Desktop automáticamente a través de Smithery :

npx -y @smithery/cli install @gongrzhe/quickchart-mcp-server --client claude

Para utilizar con Claude Desktop, agregue la configuración del servidor:

En MacOS: ~/Library/Application Support/Claude/claude_desktop_config.json En Windows: %APPDATA%/Claude/claude_desktop_config.json

{
  "mcpServers": {
    "quickchart-server": {
      "command": "node",
      "args": ["/path/to/quickchart-server/build/index.js"]
    }
  }
}

o

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

Referencias de documentación

• Documentación de QuickChart

• Referencia de tipos de gráficos

📜 Licencia

Este proyecto está licenciado bajo la licencia MIT.