mcp-server-chart — MCP-сервер для Claude Code: обзор и установка
MCP-сервер для визуализации данных и построения диаграмм на базе библиотеки AntV прямо в чате с моделью.
claude mcp add --env VIS_REQUEST_SERVER=<VIS_REQUEST_SERVER> --env SERVICE_ID=<SERVICE_ID> --env DISABLED_TOOLS=<DISABLED_TOOLS> --transport stdio mcp-server-chart -- npx -y @antv/mcp-server-chartЧто делает mcp-server-chart
Сервер написан на TypeScript. Он добавляет инструменты для построения графиков прямо в окружение MCP-клиента. В набор входит более 26 видов визуализации библиотеки AntV: столбчатые и линейные графики, воронки, ментальные карты, блок-схемы и диаграммы Исикавы.
Инструмент умеет строить сводные таблицы. При передаче строк и значений он создаёт кросс-таблицу. Картографические функции используют сервис AMap и ограничены территорией Китая, поэтому для зарубежных координат сервер не подойдёт.
Конфигурация сервера использует переменные окружения DISABLED_TOOLS, SERVICE_ID и VIS_REQUEST_SERVER. С помощью DISABLED_TOOLS можно отключить лишние инструменты и сберечь токены контекста.
Какие задачи решает
- визуализировать табличные данные и метрики в виде графиков AntV
- построить блок-схему процесса или ментальную карту
- найти первопричины проблем с помощью диаграммы Исикавы
- сформировать сводную таблицу по переданным строкам и значениям
Примеры запросов агенту
- Построй линейный график распределения выручки по месяцам из этих данных
- Сделай блок-схему для алгоритма авторизации пользователя
- Сформируй диаграмму связей между сервисами на основе списка зависимостей
Как установить mcp-server-chart
Командой платформы
claude mcp add --env VIS_REQUEST_SERVER=<VIS_REQUEST_SERVER> --env SERVICE_ID=<SERVICE_ID> --env DISABLED_TOOLS=<DISABLED_TOOLS> --transport stdio mcp-server-chart -- npx -y @antv/mcp-server-chartВместо <…> подставьте свои значения
Командой платформы
codex mcp add mcp-server-chart --env VIS_REQUEST_SERVER=<VIS_REQUEST_SERVER> --env SERVICE_ID=<SERVICE_ID> --env DISABLED_TOOLS=<DISABLED_TOOLS> -- npx -y @antv/mcp-server-chartВместо <…> подставьте свои значения
Файл настроек
{
"mcpServers": {
"mcp-server-chart": {
"command": "npx",
"args": [
"-y",
"@antv/mcp-server-chart"
],
"env": {
"VIS_REQUEST_SERVER": "<VIS_REQUEST_SERVER>",
"SERVICE_ID": "<SERVICE_ID>",
"DISABLED_TOOLS": "<DISABLED_TOOLS>"
}
}
}
}Вместо <…> подставьте свои значения
Файл настроек
{
"servers": {
"mcp-server-chart": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@antv/mcp-server-chart"
],
"env": {
"VIS_REQUEST_SERVER": "<VIS_REQUEST_SERVER>",
"SERVICE_ID": "<SERVICE_ID>",
"DISABLED_TOOLS": "<DISABLED_TOOLS>"
}
}
}
}Вместо <…> подставьте свои значения
Командой платформы
gemini mcp add -e VIS_REQUEST_SERVER=<VIS_REQUEST_SERVER> -e SERVICE_ID=<SERVICE_ID> -e DISABLED_TOOLS=<DISABLED_TOOLS> mcp-server-chart npx -y @antv/mcp-server-chartВместо <…> подставьте свои значения
По шагам, с командами для каждой платформы: Как подключить MCP-сервер: Claude Code, Codex, Cursor, VS Code, Gemini CLI и другие
Вопросы о mcp-server-chart
Как установить mcp-server-chart в Claude Code?
Выполните команду claude mcp add mcp-server-chart -e SERVICE_ID=<SERVICE_ID> -- npx -y @antv/mcp-server-chart.
Что делает mcp-server-chart?
Сервер подключает к модели генерацию более 26 видов диаграмм AntV, включая диаграммы рассеяния, графы, воронки и сводные таблицы.
Какие ограничения есть у географических карт?
Инструменты карт путей, районов и меток используют сервис AMap и работают только в пределах территории Китая.
