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

antv/mcp-server-chart

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

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.

📋 Table of Contents

✨ Features
🤖 Usage
🎨 Skill Usage
🚰 Run with SSE or Streamable transport
🎮 CLI Options
⚙️ Environment Variables
- VIS_REQUEST_SERVER
- SERVICE_ID
- DISABLED_TOOLS
📠 Private Deployment
🗺️ Generate Records
🎛️ Tool Filtering
🔨 Development
📄 License

✨ 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.

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

Постройте диаграмму с областями, чтобы показать тренды данных при непрерывных независимых переменных и проследить общий тренд данных, например, перемещение = скорость (средняя или мгновенная) × время: s = v × t. Если ось x - время (t), а ось y - скорость (v) в каждый момент, диаграмма с областями позволяет наблюдать, как скорость меняется со временем, и оценить пройденное расстояние по площади области.

Параметры

dataobject[]обязательный
Data for area chart, it should be an array of objects, each object contains a `time` field and a `value` field, such as, [{ time: '2015', value: 23 }, { time: '2016', value: 32 }], when stacking is needed for area, the data should contain a `group` field, such as, [{ time: '2015', value: 23, group: 'A' }, { time: '2015', value: 32, group: 'B' }].
stackboolean
Whether stacking is enabled. When enabled, area charts require a 'group' field in the data.
styleobject
Style configuration for the chart with a JSON object, optional.
themeenum
Set the theme for the chart, optional, default is 'default'.
defaultacademydark
widthnumber
Set the width of chart, default is 600.
heightnumber
Set the height of chart, default is 400.
titlestring
Set the title of chart.
axisXTitlestring
Set the x-axis title of chart.
axisYTitlestring
Set the y-axis title of chart.

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

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

Параметры

dataobject[]обязательный
Data for bar chart, such as, [{ category: '分类一', value: 10 }, { category: '分类二', value: 20 }], when grouping or stacking is needed for bar, the data should contain a `group` field, such as, when [{ category: '北京', value: 825, group: '油车' }, { category: '北京', value: 1000, group: '电车' }].
groupboolean
Whether grouping is enabled. When enabled, bar charts require a 'group' field in the data. When `group` is true, `stack` should be false.
stackboolean
Whether stacking is enabled. When enabled, bar charts require a 'group' field in the data. When `stack` is true, `group` should be false.
styleobject
Style configuration for the chart with a JSON object, optional.
themeenum
Set the theme for the chart, optional, default is 'default'.
defaultacademydark
widthnumber
Set the width of chart, default is 600.
heightnumber
Set the height of chart, default is 400.
titlestring
Set the title of chart.
axisXTitlestring
Set the x-axis title of chart.
axisYTitlestring
Set the y-axis title of chart.

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

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

Параметры

dataobject[]обязательный
Data for boxplot chart, such as, [{ category: '分类一', value: 10 }] or [{ category: '分类二', value: 20, group: '组别一' }].
styleobject
Style configuration for the chart with a JSON object, optional.
themeenum
Set the theme for the chart, optional, default is 'default'.
defaultacademydark
widthnumber
Set the width of chart, default is 600.
heightnumber
Set the height of chart, default is 400.
titlestring
Set the title of chart.
axisXTitlestring
Set the x-axis title of chart.
axisYTitlestring
Set the y-axis title of chart.

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

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

Параметры

dataobject[]обязательный
Data for column chart, such as, [{ category: 'Category A', value: 10 }, { category: 'Category B', value: 20 }], when grouping or stacking is needed for column, the data should contain a 'group' field, such as, [{ category: 'Beijing', value: 825, group: 'Gas Car' }, { category: 'Beijing', value: 1000, group: 'Electric Car' }].
groupboolean
Whether grouping is enabled. When enabled, column charts require a 'group' field in the data. When `group` is true, `stack` should be false.
stackboolean
Whether stacking is enabled. When enabled, column charts require a 'group' field in the data. When `stack` is true, `group` should be false.
styleobject
Style configuration for the chart with a JSON object, optional.
themeenum
Set the theme for the chart, optional, default is 'default'.
defaultacademydark
widthnumber
Set the width of chart, default is 600.
heightnumber
Set the height of chart, default is 400.
titlestring
Set the title of chart.
axisXTitlestring
Set the x-axis title of chart.
axisYTitlestring
Set the y-axis title of chart.

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

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

Параметры

titlestringобязательный
The map title should not exceed 16 characters. The content should be consistent with the information the map wants to convey and should be accurate, rich, creative, and attractive.
dataobjectобязательный
Administrative division data, lower-level administrative divisions are optional. There are usually two scenarios: one is to simply display the regional composition, only `fillColor` needs to be configured, and all administrative divisions are consistent, representing that all blocks are connected as one; the other is the regional data distribution scenario, first determine the `dataType`, `dataValueUnit` and `dataLabel` configurations, `dataValue` should be a meaningful value and consistent with the meaning of dataType, and then determine the style configuration. The `fillColor` configuration represents the default fill color for areas without data. Lower-level administrative divisions do not need `fillColor` configuration, and their fill colors are determined by the `colors` configuration (If `dataType` is "number", only one base color (warm color) is needed in the list to calculate the continuous data mapping color band; if `dataType` is "enum", the number of color values in the list is equal to the number of enumeration values (contrast colors)). If `subdistricts` has a value, `showAllSubdistricts` must be set to true. For example, {"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}.
widthnumber
Set the width of map, default is 1600.
heightnumber
Set the height of map, default is 1000.

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

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

Параметры

categoriesstring[]обязательный
Categories for dual axes chart, such as, ['2015', '2016', '2017'].
seriesobject[]обязательный
Series for dual axes chart, such as, [{ 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
Style configuration for the chart with a JSON object, optional.
themeenum
Set the theme for the chart, optional, default is 'default'.
defaultacademydark
widthnumber
Set the width of chart, default is 600.
heightnumber
Set the height of chart, default is 400.
titlestring
Set the title of chart.
axisXTitlestring
Set the x-axis title of chart.

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

Создайте диаграмму Исикавы (fishbone diagram), которая использует структуру, похожую на рыбий скелет, чтобы отобразить причины или следствия ключевой проблемы: проблема — голова рыбы, а причины/следствия — кости. Она подходит для проблем, которые можно разбить на несколько связанных факторов.

Параметры

dataobjectобязательный
Data for fishbone diagram chart which is a hierarchical structure, such as, { name: 'main topic', children: [{ name: 'topic 1', children: [{ name: 'subtopic 1-1' }] }] }, and the maximum depth is 3.
styleobject
Style configuration for the chart with a JSON object, optional.
themeenum
Set the theme for the chart, optional, default is 'default'.
defaultacademydark
widthnumber
Set the width of chart, default is 600.
heightnumber
Set the height of chart, default is 400.

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

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

Параметры

dataobjectобязательный
Data for flow diagram chart, such as, { nodes: [{ name: 'node1' }, { name: 'node2' }], edges: [{ source: 'node1', target: 'node2', name: 'edge1' }] }.
styleobject
Style configuration for the chart with a JSON object, optional.
themeenum
Set the theme for the chart, optional, default is 'default'.
defaultacademydark
widthnumber
Set the width of chart, default is 600.
heightnumber
Set the height of chart, default is 400.

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

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

Параметры

dataobject[]обязательный
Data for funnel chart, such as, [{ category: '浏览网站', value: 50000 }, { category: '放入购物车', value: 35000 }, { category: '生成订单', value: 25000 }, { category: '支付订单', value: 15000 }, { category: '完成交易', value: 8000 }].
styleobject
Style configuration for the chart with a JSON object, optional.
themeenum
Set the theme for the chart, optional, default is 'default'.
defaultacademydark
widthnumber
Set the width of chart, default is 600.
heightnumber
Set the height of chart, default is 400.
titlestring
Set the title of chart.

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

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

Параметры

datanumber[]обязательный
Data for histogram chart, it should be an array of numbers, such as, [78, 88, 60, 100, 95].
binNumbernumber
Number of intervals to define the number of intervals in a histogram, when not specified, a built-in value will be used.
styleobject
Style configuration for the chart with a JSON object, optional.
themeenum
Set the theme for the chart, optional, default is 'default'.
defaultacademydark
widthnumber
Set the width of chart, default is 600.
heightnumber
Set the height of chart, default is 400.
titlestring
Set the title of chart.
axisXTitlestring
Set the x-axis title of chart.
axisYTitlestring
Set the y-axis title of chart.

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

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

Параметры

dataobject[]обязательный
Data for line chart, it should be an array of objects, each object contains a `time` field and a `value` field, such as, [{ time: '2015', value: 23 }, { time: '2016', value: 32 }], when the data is grouped by time, the `group` field should be used to specify the group, such as, [{ time: '2015', value: 23, group: 'A' }, { time: '2015', value: 32, group: 'B' }].
styleobject
Style configuration for the chart with a JSON object, optional.
themeenum
Set the theme for the chart, optional, default is 'default'.
defaultacademydark
widthnumber
Set the width of chart, default is 600.
heightnumber
Set the height of chart, default is 400.
titlestring
Set the title of chart.
axisXTitlestring
Set the x-axis title of chart.
axisYTitlestring
Set the y-axis title of chart.

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

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

Параметры

percentnumberобязательный
The percentage value to display in the liquid chart, should be a number between 0 and 1, where 1 represents 100%. For example, 0.75 represents 75%.
shapeenum
The shape of the liquid chart, can be 'circle', 'rect', 'pin', or 'triangle'. Default is 'circle'.
circlerectpintriangle
styleobject
Style configuration for the chart with a JSON object, optional.
themeenum
Set the theme for the chart, optional, default is 'default'.
defaultacademydark
widthnumber
Set the width of chart, default is 600.
heightnumber
Set the height of chart, default is 400.
titlestring
Set the title of chart.

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

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

Параметры

dataobjectобязательный
Data for mind map chart which is a hierarchical structure, such as, { name: 'main topic', children: [{ name: 'topic 1', children: [{ name:'subtopic 1-1' }] }, and the maximum depth is 3.
styleobject
Style configuration for the chart with a JSON object, optional.
themeenum
Set the theme for the chart, optional, default is 'default'.
defaultacademydark
widthnumber
Set the width of chart, default is 600.
heightnumber
Set the height of chart, default is 400.

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

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

Параметры

dataobjectобязательный
Data for network graph chart, such as, { nodes: [{ name: 'node1' }, { name: 'node2' }], edges: [{ source: 'node1', target: 'node2', name: 'edge1' }] }
styleobject
Style configuration for the chart with a JSON object, optional.
themeenum
Set the theme for the chart, optional, default is 'default'.
defaultacademydark
widthnumber
Set the width of chart, default is 600.
heightnumber
Set the height of chart, default is 400.

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

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

Параметры

dataobjectобязательный
Data for organization chart which is a hierarchical structure, such as, { name: 'CEO', description: 'Chief Executive Officer', children: [{ name: 'CTO', description: 'Chief Technology Officer', children: [{ name: 'Dev Manager', description: 'Development Manager' }] }] }, and the maximum depth is 3.
orientenum
Orientation of the organization chart, either horizontal or vertical. Default is vertical, when the level of the chart is more than 3, it is recommended to use horizontal orientation.
horizontalvertical
styleobject
Style configuration for the chart with a JSON object, optional.
themeenum
Set the theme for the chart, optional, default is 'default'.
defaultacademydark
widthnumber
Set the width of chart, default is 600.
heightnumber
Set the height of chart, default is 400.

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

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

Параметры

titlestringобязательный
The map title should not exceed 16 characters. The content should be consistent with the information the map wants to convey and should be accurate, rich, creative, and attractive.
dataobject[]обязательный
Routes, each group represents all POIs along a route. For example, [{ "data": ["西安钟楼", "西安大唐不夜城", "西安大雁塔"] }, { "data": ["西安曲江池公园", "西安回民街"] }]
widthnumber
Set the width of map, default is 1600.
heightnumber
Set the height of map, default is 1000.

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

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

Параметры

dataobject[]обязательный
Data for pie chart, it should be an array of objects, each object contains a `category` field and a `value` field, such as, [{ category: '分类一', value: 27 }].
innerRadiusnumber
Set the innerRadius of pie chart, the value between 0 and 1. Set the pie chart as a donut chart. Set the value to 0.6 or number in [0 ,1] to enable it.
styleobject
Style configuration for the chart with a JSON object, optional.
themeenum
Set the theme for the chart, optional, default is 'default'.
defaultacademydark
widthnumber
Set the width of chart, default is 600.
heightnumber
Set the height of chart, default is 400.
titlestring
Set the title of chart.

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

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

Параметры

titlestringобязательный
The map title should not exceed 16 characters. The content should be consistent with the information the map wants to convey and should be accurate, rich, creative, and attractive.
datastring[]обязательный
A list of keywords for the names of points of interest (POIs) in Chinese. These POIs usually contain a group of places with similar locations, so the names should be more descriptive, must adding attributives to indicate that they are different places in the same area, such as "北京市" is better than "北京", "杭州西湖" is better than "西湖"; in addition, if you can determine that a location may appear in multiple areas, you can be more specific, such as "杭州西湖的苏堤春晓" is better than "苏堤春晓". The tool will use these keywords to search for specific POIs and query their detailed data, such as latitude and longitude, location photos, etc. For example, ["西安钟楼", "西安大唐不夜城", "西安大雁塔"].
markerPopupobject
Marker type, one is simple mode, which is just an icon and does not require `markerPopup` configuration; the other is image mode, which displays location photos and requires `markerPopup` configuration. Among them, `width`/`height`/`borderRadius` can be combined to realize rectangular photos and square photos. In addition, when `borderRadius` is half of the width and height, it can also be a circular photo.
widthnumber
Set the width of map, default is 1600.
heightnumber
Set the height of map, default is 1000.

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

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

Параметры

dataobject[]обязательный
Data for radar chart, it should be an array of objects, each object contains a `name` field and a `value` field, such as, [{ name: 'Design', value: 70 }], when the data is grouped by `group`, the `group` field is required, such as, [{ name: 'Design', value: 70, group: 'Huawei' }].
styleobject
Style configuration for the chart with a JSON object, optional.
themeenum
Set the theme for the chart, optional, default is 'default'.
defaultacademydark
widthnumber
Set the width of chart, default is 600.
heightnumber
Set the height of chart, default is 400.
titlestring
Set the title of chart.

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

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

Параметры

dataobject[]обязательный
Date for sankey chart, such as, [{ source: 'Landing Page', target: 'Product Page', value: 50000 }, { source: 'Product Page', target: 'Add to Cart', value: 35000 }, { source: 'Add to Cart', target: 'Checkout', value: 25000 }, { source: 'Checkout', target: 'Payment', value: 15000 }, { source: 'Payment', target: 'Purchase Completed', value: 8000 }].
nodeAlignenum
Alignment of nodes in the sankey chart, such as, 'left', 'right', 'justify', or 'center'.
leftrightjustifycenter
styleobject
Style configuration for the chart with a JSON object, optional.
themeenum
Set the theme for the chart, optional, default is 'default'.
defaultacademydark
widthnumber
Set the width of chart, default is 600.
heightnumber
Set the height of chart, default is 400.
titlestring
Set the title of chart.

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

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

Параметры

dataobject[]обязательный
Data for scatter chart, such as, [{ x: 10, y: 15 }], when the data is grouped, the group name can be specified in the `group` field, such as, [{ x: 10, y: 15, group: 'Group A' }].
styleobject
Style configuration for the chart with a JSON object, optional.
themeenum
Set the theme for the chart, optional, default is 'default'.
defaultacademydark
widthnumber
Set the width of chart, default is 600.
heightnumber
Set the height of chart, default is 400.
titlestring
Set the title of chart.
axisXTitlestring
Set the x-axis title of chart.
axisYTitlestring
Set the y-axis title of chart.

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

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

Параметры

dataobject[]обязательный
Data for spreadsheet, an array of objects where each object represents a row. Keys are column names and values can be string, number, or null. Such as, [{ name: 'John', age: 30 }, { name: 'Jane', age: 25 }].
rowsstring[]
Row header fields for pivot table. When 'rows' or 'values' is provided, the spreadsheet will be rendered as a pivot table.
columnsstring[]
Column header fields, used to specify the order of columns. For regular tables, this determines column order; for pivot tables, this is used for column grouping.
valuesstring[]
Value fields for pivot table. When 'rows' or 'values' is provided, the spreadsheet will be rendered as a pivot table.
themeenum
Set the theme for the spreadsheet, optional, default is 'default'.
defaultdark
widthnumber
Set the width of chart, default is 600.
heightnumber
Set the height of chart, default is 400.

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

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

Параметры

dataobject[]обязательный
Data for treemap chart which is a hierarchical structure, such as, [{ name: 'Design', value: 70, children: [{ name: 'Tech', value: 20 }] }], and the maximum depth is 3.
styleobject
Style configuration for the chart with a JSON object, optional.
themeenum
Set the theme for the chart, optional, default is 'default'.
defaultacademydark
widthnumber
Set the width of chart, default is 600.
heightnumber
Set the height of chart, default is 400.
titlestring
Set the title of chart.

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

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

Параметры

dataobject[]обязательный
Data for venn chart, such as, [{ 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'] }].
styleobject
Style configuration for the chart with a JSON object, optional.
themeenum
Set the theme for the chart, optional, default is 'default'.
defaultacademydark
widthnumber
Set the width of chart, default is 600.
heightnumber
Set the height of chart, default is 400.
titlestring
Set the title of chart.

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

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

Параметры

dataobject[]обязательный
Data for violin chart, such as, [{ category: 'Category A', value: 10 }], when the data is grouped, the 'group' field is required, such as, [{ category: 'Category B', value: 20, group: 'Group A' }].
styleobject
Style configuration for the chart with a JSON object, optional.
themeenum
Set the theme for the chart, optional, default is 'default'.
defaultacademydark
widthnumber
Set the width of chart, default is 600.
heightnumber
Set the height of chart, default is 400.
titlestring
Set the title of chart.
axisXTitlestring
Set the x-axis title of chart.
axisYTitlestring
Set the y-axis title of chart.

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

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

Параметры

dataobject[]обязательный
Data for waterfall chart, it should be an array of objects. Each object must contain a `category` field. For regular items, a `value` field is also required. The `isIntermediateTotal` field marks intermediate subtotals, and the `isTotal` field marks the final total. For example, [{ category: 'Initial', value: 100 }, { category: 'Increase', value: 50 }, { category: 'Subtotal', isIntermediateTotal: true }, { category: 'Decrease', value: -30 }, { category: 'Total', isTotal: true }].
styleobject
Style configuration for the chart with a JSON object, optional.
themeenum
Set the theme for the chart, optional, default is 'default'.
defaultacademydark
widthnumber
Set the width of chart, default is 600.
heightnumber
Set the height of chart, default is 400.
titlestring
Set the title of chart.
axisXTitlestring
Set the x-axis title of chart.
axisYTitlestring
Set the y-axis title of chart.

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

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

Параметры

dataobject[]обязательный
Data for word cloud chart, it should be an array of objects, each object contains a `text` field and a `value` field, such as, [{ value: 4.272, text: '形成' }].
styleobject
Style configuration for the chart with a JSON object, optional.
themeenum
Set the theme for the chart, optional, default is 'default'.
defaultacademydark
widthnumber
Set the width of chart, default is 600.
heightnumber
Set the height of chart, default is 400.
titlestring
Set the title of chart.

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

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

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

Также antv/mcp-server-chart можно установить в Cursor по ссылке автоматически.

FAQ

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

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

Что он умеет?

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

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

Номер в рейтинге: #34
Звезд на Github: 4243
Форков на Github: 404
Язык реализации: TypeScript
Лицензия: MIT
Официальный сервер: Да
Дата обновления данных: 19.07 в 08:52
Идентификатор: KpZC_UvCfaLdYw4x
Категории: Визуализация данных, Геолокационные сервисы, Инструменты для разработчиков, Обработка изображений и видео

Другие проверенные MCP-сервера

PSPDFKit/nutrient-document-engine-mcp-server

официальный

MCP-сервер для обработки документов на естественном языке. Подключает AI-агентов к извлечению текста, редактированию и рецензированию PDF, а также безопасному сокрытию конфиденциальных данных. Поле...

qiniu/qiniu-mcp-server

официальный

MCP сервер для доступа к облачным сервисам Qiniu: управление хранилищем (bucket, файлы, загрузка), CDN (обновление/предварительная загрузка ссылок), живыми трансляциями (создание пространств и пото...

opgginc/opgg-mcp

официальный

MCP-сервер для доступа AI-агентов к статистике OP.GG: League of Legends, Teamfight Tactics и Valorant. Предоставляет данные по чемпионам, сборкам, профилям игроков, мете, турнирам. Полезен разработ...

upsonic/gpt-computer-assistant

Upsonic — Python-фреймворк для построения автономных AI-агентов и традиционных агентных систем. Поддерживает готовых агентов, кастомные инструменты и интеграцию MCP инструментов для подключения к тысячам внешних сервисов. Полезен разработчикам, создающим умных ассистентов с возможностью изоляции ...

BetterDB-inc/monitor

официальный

BetterDB Monitor - MCP сервер для мониторинга Valkey/Redis с веб-интерфейсом и автообновлением. Автоматически определяет версию и возможности базы, отслеживает здоровье, медленные запросы, метрики Prometheus и аномалии в реальном времени. Полезен администраторам и DevOps для контроля производител...

Resend MCP

официальный

MCP-сервер для подключения AI-агентов к Resend: отправляйте и получайте письма, управляйте контактами, рассылками и доменами. Работает из Claude, Cursor, Claude Code. Доступен удаленный сервер (OAuth) и локальный через npx с API-ключом.