Для чего этот сервер?

Сервер подключает к AI-ассистенту возможность строить графики и диаграммы на основе данных. Он решает задачу визуализации: по текстовому описанию генерирует более 26 типов визуализаций — от линейных и столбчатых до блок-схем, карт и сетевых графов. Это помогает анализировать тренды, сравнивать показатели и представлять результаты наглядно, не выходя из диалога.

Что он умеет?

Сервер по запросу генерирует более 26 видов графиков: линейные, столбчатые, круговые, гистограммы, ящики с усами, скрипичные, точечные, лепестковые и каскадные. Строит карты: административные, точечные и маршрутные. Создаёт диаграммы связей: сети, организационные структуры, интеллект-карты, диаграммы Исикавы, блок-схемы. Показывает потоки значений в воронках, санки, диаграммах. Сводит данные в таблицы и сводные таблицы, помогает сравнивать категории, искать корреляции, частоты и распределения.

Каталог MCP
antv/mcp-server-chart

antv/mcp-server-chart

от antvis

MCP-сервер на базе AntV, который через инструменты модели создаёт более 26 видов графиков и карт. Интегрируется с Claude, VSCode и другими AI-клиентами, полезен для визуализации данных и анализа пр...

Github NPM Сайт сервера

README

27 инструментов

Версии

Установить сервер

MCP Server Chart

A Model Context Protocol server for generating charts using AntV. We can use this mcp server for chart generation and data analysis.

This is a TypeScript-based MCP server that provides chart generation capabilities. It allows you to create various types of charts through MCP tools. You can also use it in Dify.

✨ Features

Now 26+ charts supported.

generate_area_chart: Generate an area chart, used to display the trend of data under a continuous independent variable, allowing observation of overall data trends.
generate_bar_chart: Generate a bar chart, used to compare values across different categories, suitable for horizontal comparisons.
generate_boxplot_chart: Generate a boxplot, used to display the distribution of data, including the median, quartiles, and outliers.
generate_column_chart: Generate a column chart, used to compare values across different categories, suitable for vertical comparisons.
generate_district_map - Generate a district-map, used to show administrative divisions and data distribution.
generate_dual_axes_chart: Generate a dual-axes chart, used to display the relationship between two variables with different units or ranges.
generate_fishbone_diagram: Generate a fishbone diagram, also known as an Ishikawa diagram, used to identify and display the root causes of a problem.
generate_flow_diagram: Generate a flowchart, used to display the steps and sequence of a process.
generate_funnel_chart: Generate a funnel chart, used to display data loss at different stages.
generate_histogram_chart: Generate a histogram, used to display the distribution of data by dividing it into intervals and counting the number of data points in each interval.
generate_line_chart: Generate a line chart, used to display the trend of data over time or another continuous variable.
generate_liquid_chart: Generate a liquid chart, used to display the proportion of data, visually representing percentages in the form of water-filled spheres.
generate_mind_map: Generate a mind-map, used to display thought processes and hierarchical information.
generate_network_graph: Generate a network graph, used to display relationships and connections between nodes.
generate_organization_chart: Generate an organizational chart, used to display the structure of an organization and personnel relationships.
generate_path_map - Generate a path-map, used to display route planning results for POIs.
generate_pie_chart: Generate a pie chart, used to display the proportion of data, dividing it into parts represented by sectors showing the percentage of each part.
generate_pin_map - Generate a pin-map, used to show the distribution of POIs.
generate_radar_chart: Generate a radar chart, used to display multi-dimensional data comprehensively, showing multiple dimensions in a radar-like format.
generate_sankey_chart: Generate a sankey chart, used to display data flow and volume, representing the movement of data between different nodes in a Sankey-style format.
generate_scatter_chart: Generate a scatter plot, used to display the relationship between two variables, showing data points as scattered dots on a coordinate system.
generate_treemap_chart: Generate a treemap, used to display hierarchical data, showing data in rectangular forms where the size of rectangles represents the value of the data.
generate_venn_chart: Generate a venn diagram, used to display relationships between sets, including intersections, unions, and differences.
generate_violin_chart: Generate a violin plot, used to display the distribution of data, combining features of boxplots and density plots to provide a more detailed view of the data distribution.
generate_word_cloud_chart: Generate a word-cloud, used to display the frequency of words in textual data, with font sizes indicating the frequency of each word.
generate_spreadsheet: Generate a spreadsheet or pivot table for displaying tabular data. When 'rows' or 'values' fields are provided, it renders as a pivot table (cross-tabulation); otherwise, it renders as a regular table.

Часто задаваемые вопросы

Инструменты были проиндексированы: 16.10.2026

generate_area_chartтолько чтение

Создаёт диаграмму с областями для отображения тенденций данных при непрерывных независимых переменных и наблюдения общей тенденции данных, например, перемещение = скорость (средняя или мгновенная) × время: s = v × t. Если ось X — это время (t), а ось Y — скорость (v) в каждый момент времени, диаграмма с областями отображает тенденцию изменения скорости во времени, а площадь фигуры показывает пройденное расстояние.

Параметры

axisXTitlestring
Устанавливает заголовок оси X графика.
axisYTitlestring
Устанавливает заголовок оси Y диаграммы.
dataobject[]обязательный
Данные для диаграммы с областями — это массив объектов. Каждый объект содержит поле time и поле value, например: [{ time: '2015', value: 23 }, { time: '2016', value: 32 }]. Когда требуется наложение для области, данные должны содержать поле group, например: [{ time: '2015', value: 23, group: 'A' }, { time: '2015', value: 32, group: 'B' }].
heightnumber
Устанавливает высоту диаграммы, по умолчанию - 400.
stackboolean
Включено ли накопление. Когда включено, для диаграмм с областями требуется поле 'group' в данных.
styleobject
Конфигурация стилей для графика в виде JSON-объекта, необязательно.
themeenum
Устанавливает тему для графика, необязательно, по умолчанию 'default'.
titlestring
Устанавливает заголовок диаграммы.
widthnumber
Устанавливает ширину графика, по умолчанию 600

generate_bar_chartтолько чтение

Генерирует горизонтальную столбчатую диаграмму для отображения данных для численных сравнений между различными категориями, например, для сравнения категориальных данных и для горизонтальных сравнений.

Параметры

axisXTitlestring
Устанавливает заголовок оси X графика.
axisYTitlestring
Устанавливает заголовок оси Y диаграммы.
dataobject[]обязательный
Данные для столбчатой диаграммы, например, [{ category: '分类一', value: 10 }, { category: '分类二', value: 20 }]. Когда требуется группировка или суммирование столбцов, данные должны содержать поле group, например, [{ category: '北京', value: 825, group: '油车' }, { category: '北京', value: 1000, group: '电车' }].
groupboolean
Определяет, включена ли группировка. Если включена, столбчатые диаграммы требуют поле 'group' в данных. Когда group равно true, stack должно быть false.
heightnumber
Устанавливает высоту диаграммы, по умолчанию - 400.
stackboolean
Определяет, включено ли накопление. Когда оно включено, столбчатые диаграммы требуют поле 'group' в данных. Когда stack равно true, group должно быть false.
styleobject
Конфигурация стилей для графика в виде JSON-объекта, необязательно.
themeenum
Устанавливает тему для графика, необязательно, по умолчанию 'default'.
titlestring
Устанавливает заголовок диаграммы.
widthnumber
Устанавливает ширину графика, по умолчанию 600

generate_boxplot_chartтолько чтение

Строит диаграмму размаха, показывающую статистические сводки по разным категориям, например, сравнивающую распределение точек данных между категориями.

Параметры

axisXTitlestring
Устанавливает заголовок оси X графика.
axisYTitlestring
Устанавливает заголовок оси Y диаграммы.
dataobject[]обязательный
Данные для ящичной диаграммы (boxplot), например: [{ category: '分类一', value: 10 }] или [{ category: '分类二', value: 20, group: '组别一' }].
heightnumber
Устанавливает высоту диаграммы, по умолчанию - 400.
styleobject
Конфигурация стилей для графика в виде JSON-объекта, необязательно.
themeenum
Устанавливает тему для графика, необязательно, по умолчанию 'default'.
titlestring
Устанавливает заголовок диаграммы.
widthnumber
Устанавливает ширину графика, по умолчанию 600

generate_column_chartтолько чтение

Строит столбчатую диаграмму, которая лучше всего подходит для сравнения категориальных данных, например, когда значения близки, столбчатые диаграммы предпочтительнее, потому что наши глаза лучше оценивают высоту, чем другие визуальные элементы, такие как площадь или углы.

Параметры

axisXTitlestring
Устанавливает заголовок оси X графика.
axisYTitlestring
Устанавливает заголовок оси Y диаграммы.
dataobject[]обязательный
Данные для столбчатой диаграммы, например, [{ category: 'Category A', value: 10 }, { category: 'Category B', value: 20 }]. Если для столбцов требуется группировка или наложение, данные должны содержать поле 'group', например, [{ category: 'Beijing', value: 825, group: 'Gas Car' }, { category: 'Beijing', value: 1000, group: 'Electric Car' }].
groupboolean
Определяет, включена ли группировка. Если включена, для столбчатых диаграмм требуется поле 'group' в данных. Когда group равно true, stack должно быть false.
heightnumber
Устанавливает высоту диаграммы, по умолчанию - 400.
stackboolean
Указывает, включена ли укладка. Если включена, столбчатые диаграммы требуют поле 'group' в данных. Когда stack равен true, group должен быть false.
styleobject
Конфигурация стилей для графика в виде JSON-объекта, необязательно.
themeenum
Устанавливает тему для графика, необязательно, по умолчанию 'default'.
titlestring
Устанавливает заголовок диаграммы.
widthnumber
Устанавливает ширину графика, по умолчанию 600

generate_district_mapтолько чтение

Генерирует карты регионального распределения, которые обычно используются для отображения административных делений и охвата набора данных. Не подходит для показа распределения по конкретным точкам, например городским административным единицам, картам ВРП провинций и городов по всей стране и т.п. Этот инструмент работает только для карт данных в пределах Китая.

Параметры

dataobjectобязательный
Данные об административных делениях, подчинённые административные единицы опциональны. Обычно есть два сценария: один — просто отобразить состав регионов, нужно настроить только fillColor, и все административные единицы одинаковы, что означает, что все блоки объединены в одно целое; другой — сценарий распределения данных по регионам: сначала определяются конфигурации dataType, dataValueUnit и dataLabel, dataValue должно быть осмысленным значением и соответствовать смыслу dataType, а затем определяется конфигурация стилей. Конфигурация fillColor задаёт цвет заливки по умолчанию для областей без данных. Для подчинённых административных единиц настраивать fillColor не нужно, их цвета заливки определяются конфигурацией colors (если dataType равен "number", в списке достаточно одного основного цвета (тёплого) для вычисления непрерывной цветовой шкалы отображения данных; если dataType равен "enum", количество значений цвета в списке равно количеству значений перечисления (контрастные цвета)). Если subdistricts содержит значение, showAllSubdistricts должен быть равен true. Например, {"title": "陕西省地级市分布图", "data": {"name": "陕西省", "showAllSubdistricts": true, "dataLabel": "城市", "dataType": "enum", "colors": ["#4ECDC4", "#A5D8FF"], "subdistricts": [{"name": "西安市", "dataValue": "省会"}, {"name": "宝鸡市", "dataValue": "地级市"}, {"name": "咸阳市", "dataValue": "地级市"}, {"name": "铜川市", "dataValue": "地级市"}, {"name": "渭南市", "dataValue": "地级市"}, {"name": "延安市", "dataValue": "地级市"}, {"name": "榆林市", "dataValue": "地级市"}, {"name": "汉中市", "dataValue": "地级市"}, {"name": "安康市", "dataValue": "地级市"}, {"name": "商洛市", "dataValue": "地级市"}]}, "width": 1000, "height": 1000}.
heightnumber
Устанавливает высоту карты, по умолчанию — 1000.
titlestringобязательный
Название карты не должно превышать 16 символов. Содержание должно соответствовать информации, которую карта хочет донести, и должно быть точным, насыщенным, креативным и привлекательным.
widthnumber
Устанавливает ширину карты, по умолчанию 1600.

generate_dual_axes_chartтолько чтение

Создает двухосевую диаграмму, которая объединяет два различных типа диаграмм (обычно столбчатую и линейную), чтобы отобразить как тренд, так и сравнение данных, например, тренд продаж и прибыли во времени.

Параметры

axisXTitlestring
Устанавливает заголовок оси X графика.
categoriesstring[]обязательный
Категории для двухосевого графика, например ['2015', '2016', '2017'].
heightnumber
Устанавливает высоту диаграммы, по умолчанию - 400.
seriesobject[]обязательный
Серии для двухосевой диаграммы, например, [{ type: 'column', data: [91.9, 99.1, 101.6, 114.4, 121], axisYTitle: '销售额' }, { type: 'line', data: [0.055, 0.06, 0.062, 0.07, 0.075], 'axisYTitle': '利润率' }].
styleobject
Конфигурация стилей для графика в виде JSON-объекта, необязательно.
themeenum
Устанавливает тему для графика, необязательно, по умолчанию 'default'.
titlestring
Устанавливает заголовок диаграммы.
widthnumber
Устанавливает ширину графика, по умолчанию 600

generate_fishbone_diagramтолько чтение

Сгенерируйте диаграмму «рыбья кость», использующую структуру, похожую на скелет рыбы, для отображения причин или следствий основной проблемы, где проблема — голова рыбы, а причины/следствия — кости. Подходит для проблем, которые можно разделить на несколько категорий причин.

Параметры

dataobjectобязательный
Данные для диаграммы «рыбья кость» в виде иерархической структуры, например, { name: 'main topic', children: [{ name: 'topic 1', children: [{ name: 'subtopic 1-1' }] }] }, с максимальной глубиной 3.
heightnumber
Устанавливает высоту диаграммы, по умолчанию - 400.
styleobject
Конфигурация стилей для графика в виде JSON-объекта, необязательно.
themeenum
Устанавливает тему для графика, необязательно, по умолчанию 'default'.
widthnumber
Устанавливает ширину графика, по умолчанию 600

generate_flow_diagramтолько чтение

Создаёт блок-схему, чтобы показать этапы и точки принятия решений процесса или системы, например, сценарии, требующие линейного представления процесса.

Параметры

dataobjectобязательный
Данные для диаграммы потока, например, { nodes: [{ name: 'node1' }, { name: 'node2' }], edges: [{ source: 'node1', target: 'node2', name: 'edge1' }] }.
heightnumber
Устанавливает высоту диаграммы, по умолчанию - 400.
styleobject
Конфигурация стилей для графика в виде JSON-объекта, необязательно.
themeenum
Устанавливает тему для графика, необязательно, по умолчанию 'default'.
widthnumber
Устанавливает ширину графика, по умолчанию 600

generate_funnel_chartтолько чтение

Создаёт воронкообразную диаграмму для визуализации постепенного сокращения данных по мере прохождения через этапы, например, коэффициентов конверсии пользователей от посещения веб-сайта до завершения покупки.

Параметры

dataobject[]обязательный
Данные для воронки продаж, например: [{ category: 'Просмотр сайта', value: 50000 }, { category: 'Добавление в корзину', value: 35000 }, { category: 'Оформление заказа', value: 25000 }, { category: 'Оплата заказа', value: 15000 }, { category: 'Завершение сделки', value: 8000 }].
heightnumber
Устанавливает высоту диаграммы, по умолчанию - 400.
styleobject
Конфигурация стилей для графика в виде JSON-объекта, необязательно.
themeenum
Устанавливает тему для графика, необязательно, по умолчанию 'default'.
titlestring
Устанавливает заголовок диаграммы.
widthnumber
Устанавливает ширину графика, по умолчанию 600

generate_histogram_chartтолько чтение

Генерирует гистограмму, показывающую частоту точек данных в определённом диапазоне. Отображает распределение данных, например нормальное или скошенное, и определяет области концентрации данных и экстремальные точки.

Параметры

axisXTitlestring
Устанавливает заголовок оси X графика.
axisYTitlestring
Устанавливает заголовок оси Y диаграммы.
binNumbernumber
Количество интервалов для определения количества интервалов в гистограмме, если не указано, будет использовано встроенное значение.
datanumber[]обязательный
Данные для гистограммы: это должен быть массив чисел, например, [78, 88, 60, 100, 95].
heightnumber
Устанавливает высоту диаграммы, по умолчанию - 400.
styleobject
Конфигурация стилей для графика в виде JSON-объекта, необязательно.
themeenum
Устанавливает тему для графика, необязательно, по умолчанию 'default'.
titlestring
Устанавливает заголовок диаграммы.
widthnumber
Устанавливает ширину графика, по умолчанию 600

generate_line_chartтолько чтение

Создаёт линейный график, показывающий тенденции во времени, например, отношение продаж компьютеров Apple к прибыли Apple изменилось с 2000 по 2016 год.

Параметры

axisXTitlestring
Устанавливает заголовок оси X графика.
axisYTitlestring
Устанавливает заголовок оси Y диаграммы.
dataobject[]обязательный
Данные для линейного графика: это должен быть массив объектов, каждый объект содержит поля time и value, например: [{ time: '2015', value: 23 }, { time: '2016', value: 32 }]. Когда данные группируются по времени, нужно использовать поле group, чтобы указать группу, например: [{ time: '2015', value: 23, group: 'A' }, { time: '2015', value: 32, group: 'B' }].
heightnumber
Устанавливает высоту диаграммы, по умолчанию - 400.
styleobject
Конфигурация стилей для графика в виде JSON-объекта, необязательно.
themeenum
Устанавливает тему для графика, необязательно, по умолчанию 'default'.
titlestring
Устанавливает заголовок диаграммы.
widthnumber
Устанавливает ширину графика, по умолчанию 600

generate_liquid_chartтолько чтение

Генерирует жидкую диаграмму для визуализации одного значения в процентах, например, текущей заполненности водохранилища или процента завершения проекта.

Параметры

heightnumber
Устанавливает высоту диаграммы, по умолчанию - 400.
percentnumberобязательный
Значение процента для отображения в liquid chart должно быть числом от 0 до 1, где 1 соответствует 100%. Например, 0.75 соответствует 75%.
shapeenum
Форма жидкого графика может быть 'circle', 'rect', 'pin' или 'triangle'. По умолчанию 'circle'.
styleobject
Конфигурация стилей для графика в виде JSON-объекта, необязательно.
themeenum
Устанавливает тему для графика, необязательно, по умолчанию 'default'.
titlestring
Устанавливает заголовок диаграммы.
widthnumber
Устанавливает ширину графика, по умолчанию 600

generate_mind_mapтолько чтение

Вот mind map для визуализации иерархической структуры: Центральная тема: Управление проектами 1. Инициация - Определение целей - Анализ заинтересованных сторон - Устав проекта 2. Планирование - Составление расписания - Бюджет и ресурсы - Управление рисками - План коммуникаций 3. Выполнение - Распределение задач - Командная работа - Контроль качества - Отчётность 4. Мониторинг и контроль - Отслеживание прогресса - Корректировка отклонений - Управление изменениями 5. Завершение - Приёмка результатов - Анализ уроков - Закрытие контрактов Связи: каждая ветвь исходит из центра, подветви детализируют тему. Центральный элемент — ключевая идея, вокруг неё группируются подтемы.

Параметры

dataobjectобязательный
Данные для диаграммы mind map — иерархическая структура, например, { name: 'main topic', children: [{ name: 'topic 1', children: [{ name:'subtopic 1-1' }] }, и максимальная глубина — 3.
heightnumber
Устанавливает высоту диаграммы, по умолчанию - 400.
styleobject
Конфигурация стилей для графика в виде JSON-объекта, необязательно.
themeenum
Устанавливает тему для графика, необязательно, по умолчанию 'default'.
widthnumber
Устанавливает ширину графика, по умолчанию 600

generate_network_graphтолько чтение

Построить граф сети для отображения связей (ребер) между сущностями (узлами), например, связей между людьми в социальных сетях.

Параметры

dataobjectобязательный
Данные для графа сети, например, { nodes: [{ name: 'node1' }, { name: 'node2' }], edges: [{ source: 'node1', target: 'node2', name: 'edge1' }] }
heightnumber
Устанавливает высоту диаграммы, по умолчанию - 400.
styleobject
Конфигурация стилей для графика в виде JSON-объекта, необязательно.
themeenum
Устанавливает тему для графика, необязательно, по умолчанию 'default'.
widthnumber
Устанавливает ширину графика, по умолчанию 600

generate_organization_chartтолько чтение

Создаёт организационную диаграмму для визуализации иерархической структуры организации, например, диаграмму, показывающую отношения между генеральным директором и его непосредственными подчинёнными.

Параметры

dataobjectобязательный
Данные для организационной диаграммы: иерархическая структура, например, { name: 'CEO', description: 'Chief Executive Officer', children: [{ name: 'CTO', description: 'Chief Technology Officer', children: [{ name: 'Dev Manager', description: 'Development Manager' }] }] }, и максимальная глубина равна 3.
heightnumber
Устанавливает высоту диаграммы, по умолчанию - 400.
orientenum
Ориентация организационной диаграммы: горизонтальная или вертикальная. По умолчанию вертикальная. Если уровень диаграммы больше 3, рекомендуется использовать горизонтальную ориентацию.
styleobject
Конфигурация стилей для графика в виде JSON-объекта, необязательно.
themeenum
Устанавливает тему для графика, необязательно, по умолчанию 'default'.
widthnumber
Устанавливает ширину графика, по умолчанию 600

generate_path_mapтолько чтение

Сгенерируй карту маршрута для отображения запланированного пользователем пути, например, маршрутов туристических путеводителей.

Параметры

dataobject[]обязательный
Маршруты, каждая группа представляет все POI вдоль маршрута. Например, [{ "data": ["西安钟楼", "西安大唐不夜城", "西安大雁塔"] }, { "data": ["西安曲江池公园", "西安回民街"] }]
heightnumber
Устанавливает высоту карты, по умолчанию — 1000.
titlestringобязательный
Название карты не должно превышать 16 символов. Содержание должно соответствовать информации, которую карта хочет донести, и должно быть точным, насыщенным, креативным и привлекательным.
widthnumber
Устанавливает ширину карты, по умолчанию 1600.

generate_pie_chartтолько чтение

Создаёт круговую диаграмму для отображения долей элементов, таких как доля рынка и распределение бюджета.

Параметры

dataobject[]обязательный
Данные для круговой диаграммы: это должен быть массив объектов, каждый объект содержит поле category и поле value, например: [{ category: '分类一', value: 27 }].
heightnumber
Устанавливает высоту диаграммы, по умолчанию - 400.
innerRadiusnumber
Устанавливает innerRadius круговой диаграммы: значение от 0 до 1. Преобразует круговую диаграмму в кольцевую. Устанавливает значение 0,6 или число из диапазона [0, 1], чтобы включить этот режим.
styleobject
Конфигурация стилей для графика в виде JSON-объекта, необязательно.
themeenum
Устанавливает тему для графика, необязательно, по умолчанию 'default'.
titlestring
Устанавливает заголовок диаграммы.
widthnumber
Устанавливает ширину графика, по умолчанию 600

generate_pin_mapтолько чтение

Создаёт точечную карту для отображения местоположения и распределения точечных данных на карте, например расположения достопримечательностей, больниц, магазинов и т.д.

Параметры

datastring[]обязательный
Список ключевых слов для названий достопримечательностей (POI) на китайском языке. Такие POI обычно объединяют группу мест, расположенных в одном районе, поэтому названия должны быть более подробными: обязательно добавляйте определения, чтобы показать, что это разные места на одной территории. Например, «北京市» лучше, чем «北京», «杭州西湖» лучше, чем «西湖». Если вы уверены, что место может встречаться в нескольких районах, уточняйте сильнее — «杭州西湖的苏堤春晓» лучше, чем «苏堤春晓». Инструмент использует эти ключевые слова для поиска конкретных POI и запрашивает их детальные данные: координаты, фотографии мест и так далее. Пример: [«西安钟楼», «西安大唐不夜城», «西安大雁塔»].
heightnumber
Устанавливает высоту карты, по умолчанию — 1000.
markerPopupobject
Тип маркера. Простой режим включает только иконку и не требует настройки markerPopup. Режим изображения отображает фотографии местоположения и требует настройки markerPopup. width/height/borderRadius можно комбинировать для создания прямоугольных и квадратных фотографий. Кроме того, если borderRadius равен половине ширины и высоты, фотография может быть круглой.
titlestringобязательный
Название карты не должно превышать 16 символов. Содержание должно соответствовать информации, которую карта хочет донести, и должно быть точным, насыщенным, креативным и привлекательным.
widthnumber
Устанавливает ширину карты, по умолчанию 1600.

generate_radar_chartтолько чтение

Сгенерируйте радарный график для отображения многомерных данных (четыре и более измерений), например, оцените телефоны Huawei и Apple по пяти измерениям: удобство использования, функциональность, камера, результаты бенчмарков и время работы от батареи.

Параметры

dataobject[]обязательный
Данные для лепестковой диаграммы: массив объектов, каждый объект содержит поля name и value, например, [{ name: 'Design', value: 70 }]. Когда данные сгруппированы по group, поле group обязательно, например, [{ name: 'Design', value: 70, group: 'Huawei' }].
heightnumber
Устанавливает высоту диаграммы, по умолчанию - 400.
styleobject
Конфигурация стилей для графика в виде JSON-объекта, необязательно.
themeenum
Устанавливает тему для графика, необязательно, по умолчанию 'default'.
titlestring
Устанавливает заголовок диаграммы.
widthnumber
Устанавливает ширину графика, по умолчанию 600

generate_sankey_chartтолько чтение

Создаёт санкей-диаграмму для визуализации потока данных между различными этапами или категориями, например, путь пользователя от перехода на страницу до совершения покупки.

Параметры

dataobject[]обязательный
Данные для санкей-диаграммы, например, [{ source: 'Целевая страница', target: 'Страница товара', value: 50000 }, { source: 'Страница товара', target: 'Добавить в корзину', value: 35000 }, { source: 'Добавить в корзину', target: 'Оформление заказа', value: 25000 }, { source: 'Оформление заказа', target: 'Оплата', value: 15000 }, { source: 'Оплата', target: 'Покупка завершена', value: 8000 }].
heightnumber
Устанавливает высоту диаграммы, по умолчанию - 400.
nodeAlignenum
Выравнивание узлов на диаграмме sankey, например, 'left', 'right', 'justify' или 'center'.
styleobject
Конфигурация стилей для графика в виде JSON-объекта, необязательно.
themeenum
Устанавливает тему для графика, необязательно, по умолчанию 'default'.
titlestring
Устанавливает заголовок диаграммы.
widthnumber
Устанавливает ширину графика, по умолчанию 600

generate_scatter_chartтолько чтение

Создаёт диаграмму рассеяния для отображения взаимосвязи между двумя переменными и помогает обнаружить их взаимосвязь или тенденции, такие как сила корреляции, паттерны распределения данных.

Параметры

axisXTitlestring
Устанавливает заголовок оси X графика.
axisYTitlestring
Устанавливает заголовок оси Y диаграммы.
dataobject[]обязательный
Данные для точечной диаграммы, например, [{ x: 10, y: 15 }]. Если данные сгруппированы, имя группы можно указать в поле group, например, [{ x: 10, y: 15, group: 'Group A' }].
heightnumber
Устанавливает высоту диаграммы, по умолчанию - 400.
styleobject
Конфигурация стилей для графика в виде JSON-объекта, необязательно.
themeenum
Устанавливает тему для графика, необязательно, по умолчанию 'default'.
titlestring
Устанавливает заголовок диаграммы.
widthnumber
Устанавливает ширину графика, по умолчанию 600

generate_spreadsheetтолько чтение

Создаёт электронную таблицу или сводную таблицу для отображения табличных данных. Когда указаны поля 'rows' или 'values', она отображается как сводная таблица (перекрёстная табуляция); в противном случае — как обычная таблица. Полезно для отображения структурированных данных, сравнения значений по категориям и создания сводок данных.

Параметры

columnsstring[]
Поля заголовков столбцов, используемые для указания порядка столбцов. Для обычных таблиц это определяет порядок столбцов; для сводных таблиц это используется для группировки столбцов.
dataobject[]обязательный
Данные для электронной таблицы, массив объектов, где каждый объект представляет строку. Ключи: названия столбцов, а значения могут быть строкой, числом или null. Например, [{ name: 'John', age: 30 }, { name: 'Jane', age: 25 }].
heightnumber
Устанавливает высоту диаграммы, по умолчанию - 400.
rowsstring[]
Поля заголовков строк для сводной таблицы. Когда указаны 'rows' или 'values', таблица отображается как сводная таблица.
themeenum
Устанавливает тему для таблицы, необязательно, по умолчанию 'default'.
valuesstring[]
Поля значений для pivot table. Когда указаны 'rows' или 'values', электронная таблица отображается как pivot table.
widthnumber
Устанавливает ширину графика, по умолчанию 600

generate_treemap_chartтолько чтение

Генерирует древовидную карту для отображения иерархических данных и наглядно показывает сравнения между элементами одного уровня, например, показывает использование дискового пространства с помощью древовидной карты.

Параметры

dataobject[]обязательный
Данные для древовидной диаграммы (treemap) имеют иерархическую структуру, например, [{ name: 'Design', value: 70, children: [{ name: 'Tech', value: 20 }] }], с максимальной глубиной 3.
heightnumber
Устанавливает высоту диаграммы, по умолчанию - 400.
styleobject
Конфигурация стилей для графика в виде JSON-объекта, необязательно.
themeenum
Устанавливает тему для графика, необязательно, по умолчанию 'default'.
titlestring
Устанавливает заголовок диаграммы.
widthnumber
Устанавливает ширину графика, по умолчанию 600

generate_venn_chartтолько чтение

Сгенерируй диаграмму Венна, чтобы визуализировать отношения между разными множествами, показывая, как они пересекаются и накладываются, например, общие черты и различия между разными группами.

Параметры

dataobject[]обязательный
Данные для диаграммы Венна, например, [{ label: 'A', value: 10, sets: ['A'] }, { label: 'B', value: 20, sets: ['B'] }, { label: 'C', value: 30, sets: ['C'] }, { label: 'AB', value: 5, sets: ['A', 'B'] }].
heightnumber
Устанавливает высоту диаграммы, по умолчанию - 400.
styleobject
Конфигурация стилей для графика в виде JSON-объекта, необязательно.
themeenum
Устанавливает тему для графика, необязательно, по умолчанию 'default'.
titlestring
Устанавливает заголовок диаграммы.
widthnumber
Устанавливает ширину графика, по умолчанию 600

generate_violin_chartтолько чтение

Генерирует скрипичную диаграмму для отображения статистических сводок по разным категориям, например, для сравнения распределения точек данных по категориям.

Параметры

axisXTitlestring
Устанавливает заголовок оси X графика.
axisYTitlestring
Устанавливает заголовок оси Y диаграммы.
dataobject[]обязательный
Данные для violin chart, например, [{ category: 'Category A', value: 10 }], когда данные сгруппированы, поле 'group' обязательно, например, [{ category: 'Category B', value: 20, group: 'Group A' }].
heightnumber
Устанавливает высоту диаграммы, по умолчанию - 400.
styleobject
Конфигурация стилей для графика в виде JSON-объекта, необязательно.
themeenum
Устанавливает тему для графика, необязательно, по умолчанию 'default'.
titlestring
Устанавливает заголовок диаграммы.
widthnumber
Устанавливает ширину графика, по умолчанию 600

generate_waterfall_chartтолько чтение

Генерирует диаграмму-водопад для визуализации совокупного эффекта последовательно вводимых положительных или отрицательных значений, например, показывая, как начальное значение изменяется под влиянием ряда промежуточных положительных или отрицательных значений, приводящих к конечному результату. Диаграммы-водопад идеально подходят для финансового анализа, отслеживания бюджета, отчётов о прибылях и убытках, а также для понимания состава изменений во времени или по категориям.

Параметры

axisXTitlestring
Устанавливает заголовок оси X графика.
axisYTitlestring
Устанавливает заголовок оси Y диаграммы.
dataobject[]обязательный
Данные для диаграммы-водопада — это массив объектов. Каждый объект должен содержать поле category. Для обычных элементов также требуется поле value. Поле isIntermediateTotal отмечает промежуточные итоги, а поле isTotal — окончательный итог. Пример: [{ category: 'Initial', value: 100 }, { category: 'Increase', value: 50 }, { category: 'Subtotal', isIntermediateTotal: true }, { category: 'Decrease', value: -30 }, { category: 'Total', isTotal: true }].
heightnumber
Устанавливает высоту диаграммы, по умолчанию - 400.
styleobject
Конфигурация стилей для графика в виде JSON-объекта, необязательно.
themeenum
Устанавливает тему для графика, необязательно, по умолчанию 'default'.
titlestring
Устанавливает заголовок диаграммы.
widthnumber
Устанавливает ширину графика, по умолчанию 600

generate_word_cloud_chartтолько чтение

Генерирует облако слов для отображения частоты или веса слов через изменение размера текста, например, для анализа часто встречающихся слов в социальных сетях, отзывах или обратной связи.

Параметры

dataobject[]обязательный
Данные для диаграммы облака слов: это должен быть массив объектов, каждый объект содержит поле text и поле value, например [{ value: 4.272, text: '形成' }].
heightnumber
Устанавливает высоту диаграммы, по умолчанию - 400.
styleobject
Конфигурация стилей для графика в виде JSON-объекта, необязательно.
themeenum
Устанавливает тему для графика, необязательно, по умолчанию 'default'.
titlestring
Устанавливает заголовок диаграммы.
widthnumber
Устанавливает ширину графика, по умолчанию 600

`0.9.10`основная	25.02.2026
`0.9.9`	22.01.2026
`0.9.8`	21.01.2026
`0.9.8-alpha.1`	15.01.2026
`0.9.7`	24.12.2025
`0.9.6`	04.12.2025
`0.9.5`	26.11.2025
`0.9.4`	06.11.2025
`0.9.3`	29.10.2025
`0.9.2`	28.10.2025
`0.9.1-beta.1`	16.10.2025
`0.9.1`	13.10.2025
`0.9.0`	18.09.2025
`0.9.0-beta.1`	15.09.2025
`0.9.0-beta.0`	22.08.2025
`0.8.3`	14.08.2025
`0.8.2`	11.08.2025
`0.8.1`	06.08.2025
`0.8.0`	25.07.2025
`0.7.3`	25.07.2025
`0.7.2`	23.07.2025
`0.7.1`	18.06.2025
`0.7.0`	18.06.2025
`0.7.0-alpha.2`	18.06.2025
`0.7.0-alpha.1`	17.06.2025
`0.6.1`	13.06.2025
`0.6.0`	12.06.2025
`0.5.3`	10.06.2025
`0.5.2`	10.06.2025
`0.5.2-beta.2`	10.06.2025
`0.5.2-beta.1`	10.06.2025
`0.5.1`	10.06.2025
`0.5.0`	10.06.2025
`0.5.0-beta.1`	09.06.2025
`0.4.1`	04.06.2025
`0.4.0`	22.05.2025
`0.3.0`	19.05.2025
`0.2.6`	12.05.2025
`0.2.5`	10.05.2025
`0.2.4`	08.05.2025
`0.2.3`	07.05.2025
`0.2.2`	29.04.2025
`0.2.1`	28.04.2025
`0.2.0`	27.04.2025

Выберите клиент, чтобы установить antv/mcp-server-chart:

Любой клиент

Конфиг добавления MCP сервера стандартный, обычно он не меняется вообще, поэтому подходит практически к любому ИИ клиенту, поддерживающему MCP.

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

Cursor

Перейдите по ссылке и сервер автоматически будет добавлен в Cursor. Либо откройте/создайте файл ~/.cursor/mcp.json(%USERPROFILE%\.cursor\mcp.json на Windows) и добавьте конфиг сервера:

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

VS Code

Создайте .vscode/mcp.json в проекте (ключ верхнего уровня — servers):

{
  "servers": {
    "antv-mcp-server-chart-k2x2jsa5wv": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "@antv/mcp-server-chart"
      ]
    }
  }
}

Либо добавьте сервер через терминал:

code --add-mcp "{\"name\":\"antv-mcp-server-chart-k2x2jsa5wv\",\"type\":\"stdio\",\"command\":\"npx\",\"args\":[\"-y\",\"@antv/mcp-server-chart\"]}"

Claude Desktop

Откройте Settings → Developer → Edit Config — это откроет файл claude_desktop_config.json:

macOS: ~/Library/Application Support/Claude/claude_desktop_config.json
Windows: %APPDATA%\Claude\claude_desktop_config.json

Впишите сервер и полностью перезапустите Claude Desktop:

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

Claude Code

Добавьте сервер одной командой в терминале:

claude mcp add antv-mcp-server-chart-k2x2jsa5wv -- npx -y @antv/mcp-server-chart

Либо через JSON-конфиг:

claude mcp add-json antv-mcp-server-chart-k2x2jsa5wv "{\"command\":\"npx\",\"args\":[\"-y\",\"@antv/mcp-server-chart\"]}"

Codex

Добавьте сервер командой в терминале:

codex mcp add antv-mcp-server-chart-k2x2jsa5wv -- npx -y @antv/mcp-server-chart

Либо вручную в ~/.codex/config.toml(%USERPROFILE%\.codex\config.toml на Windows):

[mcp_servers.antv-mcp-server-chart-k2x2jsa5wv]
command = "npx"
args = ["-y", "@antv/mcp-server-chart"]

Perplexity

MCP доступен подписчикам Perplexity Pro / Max / Enterprise. Локальные серверы — только в приложении для macOS.

Откройте Настройки аккаунта → Connectors.
Установите вспомогательное приложение PerplexityXPC (один раз).
Нажмите Add Connector → вкладка Simple.
В поле Server Name укажите antv/mcp-server-chart, а в поле команды запуска — строку ниже:

npx -y @antv/mcp-server-chart

Нажмите Save и дождитесь статуса Running.

Windsurf

Откройте Windsurf Settings → Cascade → MCP Servers или отредактируйте файл ~/.codeium/windsurf/mcp_config.json:

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

Cline

В панели Cline нажмите иконку MCP Servers → Configure → Configure MCP Servers (или отредактируйте ~/.cline/mcp.json) и добавьте сервер:

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

Continue

Создайте файл в .continue/mcpServers/ (например antv-mcp-server-chart-k2x2jsa5wv.yaml) или добавьте блок в config.yaml. MCP работает только в режиме agent:

mcpServers:
  - name: antv-mcp-server-chart-k2x2jsa5wv
    command: npx
    args:
      - "-y"
      - "@antv/mcp-server-chart"

Zed

Выполните agent: add context server или откройте настройки (zed: open settings file) и добавьте сервер в объект context_servers:

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

Конфиг для установки сервера

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

Нужен npx

Сервер запускается через npx
Без него ничего работать не будет.

Как установить npx

Информация о сервере

Номер в рейтинге: #39
Звезд на Github: 4403
Форков на Github: 435
Загрузок: 216 395
Язык реализации: TypeScript
Лицензия: MIT
Официальный сервер: Да
Дата обновления данных: 20.10 в 06:20
Идентификатор: KpZC_UvCfaLdYw4x
Категории: Визуализация данных

antv/mcp-server-chart

MCP Server Chart

📋 Table of Contents

✨ Features

Часто задаваемые вопросы

Похожие MCP-сервера

isaacwasserman/mcp-vegalite-server

abhiphile/fermat-mcp

KyuRish/mcp-dashboards

nteract/semiotic

Ratnaditya-J/csvglow

hustcc/mcp-echarts