QuickChart Server

Genera imágenes y URLs de gráficos utilizando la API de QuickChart.io con configuraciones de Chart.js.

Documentación

quickchart-server MCP Server

Un servidor de Model Context Protocol para generar gráficos usando QuickChart.io

Este es un servidor MCP basado en TypeScript que proporciona capacidades de generación de gráficos. Le permite crear varios tipos de gráficos a través de 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 usando configuraciones de Chart.js. Los usuarios pueden generar varios tipos de gráficos proporcionando datos y parámetros de estilo, que el servidor convierte en URLs de gráficos o imágenes descargables.

Características

Herramientas

generate_chart - Genera una URL de gráfico usando QuickChart.io
- Soporta múltiples tipos de gráficos: bar, line, pie, doughnut, radar, polarArea, scatter, bubble, radialGauge, speedometer
- Personalizable con etiquetas, conjuntos de datos, colores y opciones adicionales
- Devuelve una URL al gráfico generado
download_chart - Descarga 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 Soportados

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 dona: 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 ángulo fijo
Gráficos de dispersión: Para mostrar distribuciones de puntos de datos
Gráficos de burbujas: Para visualización de datos tridimensionales
Indicador 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 de Chart.js. Aquí hay 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

Compilar el servidor:

npm run build

Instalación

npm install @gongrzhe/quickchart-mcp-server

Instalación mediante Smithery

Para instalar QuickChart Server para Claude Desktop automáticamente mediante Smithery:

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

Para usar 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"]
    }
  }
}

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

Referencias de Documentación

📜 Licencia

Este proyecto está licenciado bajo la Licencia MIT.