Tools - MCP Server Chart by antvis

generate_area_chart

Generate a area chart to show data trends under continuous independent variables and observe the overall data trend, such as, displacement = velocity (average or instantaneous) × time: s = v × t. If the x-axis is time (t) and the y-axis is velocity (v) at each moment, an area chart allows you to observe the trend of velocity over time and infer the distance traveled by the area's size.

Try it

Result:

generate_bar_chart

Generate a bar chart to show data for numerical comparisons among different categories, such as, comparing categorical data and for horizontal comparisons.

Try it

data*

Data for bar chart, such as, [{ category: '分类一', value: 10 }].

data

Data for bar chart, such as, [{ category: '分类一', value: 10 }].

data-1*

category*

value*

group

Whether grouping is enabled. When enabled, bar charts require a 'group' field in the data. When `group` is true, `stack` should be false.

group

stack

Whether stacking is enabled. When enabled, bar charts require a 'group' field in the data. When `stack` is true, `group` should be false.

stack

theme

Set the theme for the chart, optional, default is 'default'.

width

Set the width of chart, default is 600.

height

Set the height of chart, default is 400.

title

Set the title of chart.

axisXTitle

Set the x-axis title of chart.

axisYTitle

Set the y-axis title of chart.

Result:

generate_boxplot_chart

Generate a boxplot chart to show data for statistical summaries among different categories, such as, comparing the distribution of data points across categories.

Try it

Result:

generate_column_chart

Generate a column chart, which are best for comparing categorical data, such as, when values are close, column charts are preferable because our eyes are better at judging height than other visual elements like area or angles.

Try it

data*

Data for column chart, such as, [{ category: '北京', value: 825, group: '油车' }].

data

Data for column chart, such as, [{ category: '北京', value: 825, group: '油车' }].

data-1*

category*

value*

group

Whether grouping is enabled. When enabled, column charts require a 'group' field in the data. When `group` is true, `stack` should be false.

group

stack

Whether stacking is enabled. When enabled, column charts require a 'group' field in the data. When `stack` is true, `group` should be false.

stack

theme

Set the theme for the chart, optional, default is 'default'.

width

Set the width of chart, default is 600.

height

Set the height of chart, default is 400.

title

Set the title of chart.

axisXTitle

Set the x-axis title of chart.

axisYTitle

Set the y-axis title of chart.

Result:

generate_district_map

Generates regional distribution maps, which are usually used to show the administrative divisions and coverage of a dataset. It is not suitable for showing the distribution of specific locations, such as urban administrative divisions, GDP distribution maps of provinces and cities across the country, etc. This tool is limited to generating data maps within China.

Try it

title*

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.

data*

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

name*

Keywords for the Chinese name of an administrative region (must be within China), and must be one of China, province, city, district, or county. The name should be more specific and add attributive descriptions, for example, "西安市" is better than "西安", "杭州西湖区" is better than "西湖区". It cannot be a specific place name or a vague name, such as "其它".

style

Style settings.

fillColor

Fill color, rgb or rgba format.

colors

Data color list, in rgb or rgba format.

colors

Data color list, in rgb or rgba format.

colors-1*

colors-2*

colors-3*

colors-4*

colors-5*

colors-6*

colors-7*

colors-8*

colors-9*

colors-10*

dataType

The type of the data value, numeric or enumeration type

dataLabel

Data label, such as "GDP"

dataValue

Data value, numeric string or enumeration string.

dataValueUnit

Data unit, such as "万亿"

showAllSubdistricts

Whether to display all subdistricts.

showAllSubdistricts

subdistricts

Sub-administrative regions are used to display the regional composition or regional distribution of related data.

subdistricts

Sub-administrative regions are used to display the regional composition or regional distribution of related data.

No items yet. Use the button below to add some.

width

Set the width of map, default is 1600.

height

Set the height of map, default is 1000.

Result:

generate_dual_axes_chart

Generate a dual axes chart which is a combination chart that integrates two different chart types, typically combining a bar chart with a line chart to display both the trend and comparison of data, such as, the trend of sales and profit over time.

Try it

categories*

Categories for dual axes chart, such as, ['2015', '2016', '2017'].

series

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': '利润率' }].

series-1*

type*

The optional value can be 'column' or 'line'.

data*

When type is column, the data represents quantities, such as [91.9, 99.1, 101.6, 114.4, 121]. When type is line, the data represents ratios and its values are recommended to be less than 1, such as [0.055, 0.06, 0.062, 0.07, 0.075].

data

When type is column, the data represents quantities, such as [91.9, 99.1, 101.6, 114.4, 121]. When type is line, the data represents ratios and its values are recommended to be less than 1, such as [0.055, 0.06, 0.062, 0.07, 0.075].

No items yet. Use the button below to add some.

axisYTitle

Set the y-axis title of the chart series, such as, axisYTitle: '销售额'.

theme

Set the theme for the chart, optional, default is 'default'.

width

Set the width of chart, default is 600.

height

Set the height of chart, default is 400.

title

Generate a route map to display the user's planned route, such as travel guide routes.

Try it

title*

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.

data*

Routes, each group represents all POIs along a route. For example, [{ "data": ["西安钟楼", "西安大唐不夜城", "西安大雁塔"] }, { "data": ["西安曲江池公园", "西安回民街"] }]

data

Routes, each group represents all POIs along a route. For example, [{ "data": ["西安钟楼", "西安大唐不夜城", "西安大雁塔"] }, { "data": ["西安曲江池公园", "西安回民街"] }]

data-1*

The route and places along it.

data*

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, ["西安钟楼", "西安大唐不夜城", "西安大雁塔"].

data

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, ["西安钟楼", "西安大唐不夜城", "西安大雁塔"].

data-1*

width

Set the width of map, default is 1600.

height

Set the height of map, default is 1000.

Result:

generate_pie_chart

Generate a pie chart to show the proportion of parts, such as, market share and budget allocation.

Try it

Result:

generate_pin_map

Generate a point map to display the location and distribution of point data on the map, such as the location distribution of attractions, hospitals, supermarkets, etc.

Try it

title*

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.

data*

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, ["西安钟楼", "西安大唐不夜城", "西安大雁塔"].

data

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, ["西安钟楼", "西安大唐不夜城", "西安大雁塔"].

data-1*

markerPopup

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.

type

Must be "image".

width

Width of the photo.

height

Height of the photo.

borderRadius

Border radius of the photo.

width

Set the width of map, default is 1600.

height

Set the height of map, default is 1000.

Result:

generate_radar_chart

Generate a radar chart to display multidimensional data (four dimensions or more), such as, evaluate Huawei and Apple phones in terms of five dimensions: ease of use, functionality, camera, benchmark scores, and battery life.

Try it

Result:

generate_sankey_chart

Generate a sankey chart to visualize the flow of data between different stages or categories, such as, the user journey from landing on a page to completing a purchase.

Try it

data*

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 }].

data

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 }].

data-1*

source*

target*

value*

nodeAlign

Alignment of nodes in the sankey chart, such as, 'left', 'right', 'justify', or 'center'.

theme

Set the theme for the chart, optional, default is 'default'.

width

Set the width of chart, default is 600.

height

Set the height of chart, default is 400.

Generate a Venn diagram to visualize the relationships between different sets, showing how they intersect and overlap, such as the commonalities and differences between various groups.

Try it

data*

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'] }].

data

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'] }].

data-1*

label

Label for the venn chart segment, such as 'A', 'B', or 'C'.

value*

Value for the venn chart segment, such as 10, 20, or 30.

sets*

Array of set names that this segment belongs to, such as ['A', 'B'] for an intersection between sets A and B.

sets

Array of set names that this segment belongs to, such as ['A', 'B'] for an intersection between sets A and B.

No items yet. Use the button below to add some.

theme

Set the theme for the chart, optional, default is 'default'.

width

Set the width of chart, default is 600.

height

Set the height of chart, default is 400.

title

Set the title of chart.

Result:

generate_violin_chart

Generate a violin chart to show data for statistical summaries among different categories, such as, comparing the distribution of data points across categories.

Try it

data*

Data for violin chart, such as, [{ category: '分类一', value: 10 }] or [{ category: '分类二', value: 20, group: '组别一' }].

data

Data for violin chart, such as, [{ category: '分类一', value: 10 }] or [{ category: '分类二', value: 20, group: '组别一' }].

data-1*

category*

Category of the data point, such as '分类一'.

value*

Value of the data point, such as 10.

group

Optional group for the data point, used for grouping in the violin chart.

theme

Set the theme for the chart, optional, default is 'default'.

width

Set the width of chart, default is 600.

height

Set the height of chart, default is 400.

title

Set the title of chart.

axisXTitle

Set the x-axis title of chart.

axisYTitle

Set the y-axis title of chart.

Result:

generate_word_cloud_chart

Generate a word cloud chart to show word frequency or weight through text size variation, such as, analyzing common words in social media, reviews, or feedback.

Try it

mcp-server-chart

generate_area_chart

data

Result:

generate_bar_chart

data

Result:

generate_boxplot_chart

data

Result:

generate_column_chart

data

Result:

generate_district_map

colors

subdistricts

Result:

generate_dual_axes_chart

categories

series

data

Result:

generate_fishbone_diagram

children

Result:

generate_flow_diagram

nodes

edges

Result:

generate_funnel_chart

data

Result:

generate_histogram_chart

data

Result:

generate_line_chart

data

Result:

generate_liquid_chart

Result:

generate_mind_map

children

Result:

generate_network_graph

nodes

edges

Result:

generate_organization_chart

children

Result:

generate_path_map

data

data

Result:

generate_pie_chart

data

Result:

generate_pin_map

data

Result:

generate_radar_chart

data

Result:

generate_sankey_chart

data

Result:

generate_scatter_chart

data

Result:

generate_treemap_chart

data

children

Result:

generate_venn_chart

data

sets

Result:

generate_violin_chart

data

Result: