quickchart-server MCP-сервер

Сервер Model Context Protocol для создания диаграмм с использованием QuickChart.io

Это MCP-сервер на основе TypeScript, который предоставляет возможности генерации диаграмм. Он позволяет создавать различные типы диаграмм с помощью инструментов MCP.

Обзор

Этот сервер интегрируется с сервисом генерации диаграмм на основе URL QuickChart.io для создания изображений диаграмм с использованием конфигураций Chart.js. Пользователи могут создавать различные типы диаграмм, предоставляя данные и параметры стилей, которые сервер преобразует в URL диаграмм или загружаемые изображения.

Related MCP server: MCP Server Chart

Функции

Инструменты

• generate_chart — создание URL-адреса диаграммы с помощью QuickChart.io

  • Поддерживает несколько типов диаграмм: столбчатая, линейная, круговая, кольцевая, радарная, полярная, точечная, пузырьковая, радиальная, спидометрическая.

  • Возможность настройки с помощью меток, наборов данных, цветов и дополнительных опций

  • Возвращает URL-адрес сгенерированной диаграммы.

• download_chart — Загрузить изображение диаграммы в локальный файл

  • Принимает конфигурацию диаграммы и выходной путь в качестве параметров

  • Сохраняет изображение диаграммы в указанном месте.

Поддерживаемые типы диаграмм

• Гистограммы: для сравнения значений по категориям.

• Линейные диаграммы: для отображения тенденций с течением времени.

• Круговые диаграммы: для отображения пропорциональных данных.

• Кольцевые диаграммы: похожи на круговые диаграммы с полым центром.

• Радарные диаграммы: для отображения многомерных данных.

• Полярные диаграммы: для отображения пропорциональных данных с фиксированными угловыми сегментами.

• Диаграммы рассеяния: для отображения распределения точек данных.

• Пузырьковые диаграммы: для трехмерной визуализации данных.

• Радиальный датчик: для отображения отдельных значений в пределах диапазона.

• Спидометр: для отображения показаний в стиле спидометра

Использование

Конфигурация диаграммы

Сервер использует формат конфигурации Chart.js. Вот простой пример:

{
  "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"
    }
  }
}

Генерация URL-адресов

Сервер преобразует вашу конфигурацию в URL-адрес QuickChart:

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

Разработка

Установить зависимости:

npm install

Сборка сервера:

npm run build

Установка

Установка

npm install @gongrzhe/quickchart-mcp-server

Установка через Smithery

Чтобы автоматически установить QuickChart Server для Claude Desktop через Smithery :

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

Для использования с Claude Desktop добавьте конфигурацию сервера:

В MacOS: ~/Library/Application Support/Claude/claude_desktop_config.json В 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"
      ]
    }
  }
}

Ссылки на документацию

• Документация QuickChart

• Справочник типов диаграмм

📜 Лицензия

Данный проект лицензирован по лицензии MIT.