Generates Apache ECharts diagrams and charts with AI dynamically, supporting all ECharts features and exporting to png, svg, and option formats
Detailed security scan evidence is not public for this MCP yet. Public identity, registry metadata, and independently observed protocol inventory remain available.
Installation and connection instructions are shown only when supported by retained package, repository, or endpoint evidence.
Version 0.7.1 declares 1 executable entrypoint.
npm install --save-exact mcp-echarts@0.7.1npx -y -p mcp-echarts@0.7.1 mcp-echarts{
"mcpServers": {
"mcp-echarts": {
"command": "npx",
"args": [
"-y",
"-p",
"mcp-echarts@0.7.1",
"mcp-echarts"
]
}
}
}| Canonical slug | mcp-echarts-bf9c0889 | Deployment | Local Only |
|---|---|---|---|
| Canonical package | npm:mcp-echarts | Repository | hustcc/mcp-echarts |
| First published | — | Latest release | — |
| Last security verification | — | Classification confidence | 90% |
| Publication | Draft | Official distribution | Not verified |
| Channel | Identifier | Current version | Versions | Source |
|---|---|---|---|---|
| npm | mcp-echarts | 0.7.1 | 10 | Repository |
| Package | Version | Published / observed | Inventory | Security scan |
|---|---|---|---|---|
| npmmcp-echarts | 0.7.1Current | Sep 5, 2026 | 18 toolsSucceeded · 0 resources · 0 prompts | Evidence restricted |
Independently scan the exact version your agents use, receive alerts when its risk changes, and investigate every finding with retained version evidence.
No public current-version evidence is available yet.
| Tool | Category | Annotations | Risk |
|---|---|---|---|
generate_area_chartGenerate an 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.Input schema{
"type": "object",
"properties": {
"axisXTitle": {
"type": "string",
"default": "",
"description": "Set the x-axis title of chart."
},
"axisYTitle": {
"type": "string",
"default": "",
"description": "Set the y-axis title of chart."
},
"data": {
"type": "array",
"items": {
"type": "object",
"properties": {
"group": {
"type": "string",
"description": "Group name for multiple series, required when stack is enabled"
},
"time": {
"type": "string"
},
"value": {
"type": "number"
}
},
"required": [
"time",
"value"
],
"additionalProperties": false
},
"minItems": 1,
"description": "Data for area chart, such as, [{ time: '2015', value: 23 }, { time: '2016', value: 32 }]. For multiple series: [{ group: 'Series A', time: '2015', value: 23 }, { group: 'Series B', time: '2015', value: 18 }]."
},
"height": {
"type": "integer",
"exclusiveMinimum": 0,
"default": 600,
"description": "Set the height of the chart, default is 600px."
},
"showArea": {
"type": "boolean",
"default": false,
"description": "Whether to fill the area under the line. Default is false."
},
"showSymbol": {
"type": "boolean",
"default": true,
"description": "Whether to show symbols on data points. Default is true."
},
"smooth": {
"type": "boolean",
"default": false,
"description": "Whether to use a smooth curve. Default is false."
},
"stack": {
"type": "boolean",
"default": false,
"description": "Whether stacking is enabled. When enabled, line charts require a 'group' field in the data."
},
"theme": {
"type": "string",
"enum": [
"default",
"dark"
],
"default": "default",
"description": "Set the theme for the chart, optional, default is 'default'."
},
"title": {
"type": "string",
"description": "Set the title of the chart."
},
"width": {
"type": "integer",
"exclusiveMinimum": 0,
"default": 800,
"description": "Set the width of the chart, default is 800px."
},
"outputType": {
"type": "string",
"enum": [
"png",
"svg",
"option"
],
"default": "png",
"description": "The output type of the diagram. Can be 'png', 'svg' or 'option'. Default is 'png', 'png' will return the rendered PNG image, 'svg' will return the rendered SVG string, and 'option' will return the valid ECharts option."
}
},
"required": [
"data"
],
"additionalProperties": false,
"$schema": "http://json-schema.org/draft-07/schema#"
} | — | — | |
generate_bar_chartGenerate a bar chart to show data for numerical comparisons among different categories, such as, comparing categorical data and for horizontal comparisons.Input schema{
"type": "object",
"properties": {
"axisXTitle": {
"type": "string",
"default": "",
"description": "Set the x-axis title of chart."
},
"axisYTitle": {
"type": "string",
"default": "",
"description": "Set the y-axis title of chart."
},
"data": {
"type": "array",
"items": {
"type": "object",
"properties": {
"category": {
"type": "string",
"description": "Category of the data point, such as 'Category A'."
},
"value": {
"type": "number",
"description": "Value of the data point, such as 10."
},
"group": {
"type": "string",
"description": "Group name for multiple series, used for grouping or stacking"
}
},
"required": [
"category",
"value"
],
"additionalProperties": false
},
"minItems": 1,
"description": "Data for bar chart, such as, [{ category: 'Category A', value: 10 }, { category: 'Category B', value: 20 }] or [{ category: 'Category A', value: 10, group: 'Group A' }]."
},
"height": {
"type": "integer",
"exclusiveMinimum": 0,
"default": 600,
"description": "Set the height of the chart, default is 600px."
},
"group": {
"type": "boolean",
"default": false,
"description": "Whether grouping is enabled. When enabled, bar charts require a 'group' field in the data. When `group` is true, `stack` should be false."
},
"stack": {
"type": "boolean",
"default": false,
"description": "Whether stacking is enabled. When enabled, bar charts require a 'group' field in the data. When `stack` is true, `group` should be false."
},
"theme": {
"type": "string",
"enum": [
"default",
"dark"
],
"default": "default",
"description": "Set the theme for the chart, optional, default is 'default'."
},
"title": {
"type": "string",
"description": "Set the title of the chart."
},
"width": {
"type": "integer",
"exclusiveMinimum": 0,
"default": 800,
"description": "Set the width of the chart, default is 800px."
},
"outputType": {
"type": "string",
"enum": [
"png",
"svg",
"option"
],
"default": "png",
"description": "The output type of the diagram. Can be 'png', 'svg' or 'option'. Default is 'png', 'png' will return the rendered PNG image, 'svg' will return the rendered SVG string, and 'option' will return the valid ECharts option."
}
},
"required": [
"data"
],
"additionalProperties": false,
"$schema": "http://json-schema.org/draft-07/schema#"
} | — | — | |
generate_boxplot_chartGenerate a boxplot chart to show data for statistical summaries among different categories, such as, comparing the distribution of data points across categories.Input schema{
"type": "object",
"properties": {
"axisXTitle": {
"type": "string",
"default": "",
"description": "Set the x-axis title of chart."
},
"axisYTitle": {
"type": "string",
"default": "",
"description": "Set the y-axis title of chart."
},
"data": {
"type": "array",
"items": {
"type": "object",
"properties": {
"category": {
"type": "string",
"description": "Category of the data point, such as 'Category A'."
},
"value": {
"type": "number",
"description": "Value of the data point, such as 10."
},
"group": {
"type": "string",
"description": "Optional group for the data point, used for grouping in the boxplot."
}
},
"required": [
"category",
"value"
],
"additionalProperties": false
},
"minItems": 1,
"description": "Data for boxplot chart, such as, [{ category: 'Category A', value: 10 }, { category: 'Category B', value: 20, group: 'Group A' }]."
},
"height": {
"type": "integer",
"exclusiveMinimum": 0,
"default": 600,
"description": "Set the height of the chart, default is 600px."
},
"theme": {
"type": "string",
"enum": [
"default",
"dark"
],
"default": "default",
"description": "Set the theme for the chart, optional, default is 'default'."
},
"title": {
"type": "string",
"description": "Set the title of the chart."
},
"width": {
"type": "integer",
"exclusiveMinimum": 0,
"default": 800,
"description": "Set the width of the chart, default is 800px."
},
"outputType": {
"type": "string",
"enum": [
"png",
"svg",
"option"
],
"default": "png",
"description": "The output type of the diagram. Can be 'png', 'svg' or 'option'. Default is 'png', 'png' will return the rendered PNG image, 'svg' will return the rendered SVG string, and 'option' will return the valid ECharts option."
}
},
"required": [
"data"
],
"additionalProperties": false,
"$schema": "http://json-schema.org/draft-07/schema#"
} | — | — | |
generate_candlestick_chartGenerate a candlestick chart for financial data visualization, such as, stock prices, cryptocurrency prices, or other OHLC (Open-High-Low-Close) data.Input schema{
"type": "object",
"properties": {
"data": {
"type": "array",
"items": {
"type": "object",
"properties": {
"date": {
"type": "string",
"description": "Date string, such as '2023-01-01'."
},
"open": {
"type": "number",
"description": "Opening price."
},
"high": {
"type": "number",
"description": "Highest price."
},
"low": {
"type": "number",
"description": "Lowest price."
},
"close": {
"type": "number",
"description": "Closing price."
},
"volume": {
"type": "number",
"description": "Trading volume (optional)."
}
},
"required": [
"date",
"open",
"high",
"low",
"close"
],
"additionalProperties": false
},
"minItems": 1,
"description": "Data for candlestick chart, such as, [{ date: '2023-01-01', open: 100, high: 110, low: 95, close: 105, volume: 10000 }]."
},
"height": {
"type": "integer",
"exclusiveMinimum": 0,
"default": 600,
"description": "Set the height of the chart, default is 600px."
},
"showVolume": {
"type": "boolean",
"default": false,
"description": "Whether to show volume chart below candlestick. Default is false."
},
"theme": {
"type": "string",
"enum": [
"default",
"dark"
],
"default": "default",
"description": "Set the theme for the chart, optional, default is 'default'."
},
"title": {
"type": "string",
"description": "Set the title of the chart."
},
"width": {
"type": "integer",
"exclusiveMinimum": 0,
"default": 800,
"description": "Set the width of the chart, default is 800px."
},
"outputType": {
"type": "string",
"enum": [
"png",
"svg",
"option"
],
"default": "png",
"description": "The output type of the diagram. Can be 'png', 'svg' or 'option'. Default is 'png', 'png' will return the rendered PNG image, 'svg' will return the rendered SVG string, and 'option' will return the valid ECharts option."
}
},
"required": [
"data"
],
"additionalProperties": false,
"$schema": "http://json-schema.org/draft-07/schema#"
} | — | — | |
generate_echartsGenerate visual charts using Apache ECharts with echarts option and configuration dynamically. Apache ECharts is an Open Source JavaScript Visualization Library, which is used to create interactive charts and visualizations in web applications. It supports a wide range of chart types, including line charts, bar charts, pie charts, scatter plots, and more. ECharts is highly customizable and can be integrated with various data sources to create dynamic visualizations.Input schema{
"type": "object",
"properties": {
"echartsOption": {
"type": "string",
"minLength": 1,
"description": "ECharts option and configuration used to generate charts. For example:\n{\n \"title\": {\n \"text\": \"ECharts Entry Example\",\n \"left\": \"center\",\n \"top\": \"2%\"\n },\n \"tooltip\": {},\n \"xAxis\": {\n \"data\": [\"shirt\", \"cardigan\", \"chiffon\", \"pants\", \"heels\", \"socks\"]\n },\n \"yAxis\": {},\n \"series\": [{\n \"name\": \"Sales\",\n \"type\": \"bar\",\n \"data\": [5, 20, 36, 10, 10, 20]\n }]\n}\n\nATTENTION: A valid ECharts option must be a valid JSON string, and cannot be empty.\n"
},
"width": {
"type": "number",
"minimum": 50,
"maximum": 5000,
"description": "The width of the ECharts in pixels. Default is 800.",
"default": 800
},
"height": {
"type": "number",
"minimum": 50,
"maximum": 5000,
"description": "The height of the ECharts in pixels. Default is 600.",
"default": 600
},
"theme": {
"type": "string",
"enum": [
"default",
"dark"
],
"description": "ECharts theme, optional. Default is 'default'.",
"default": "default"
},
"outputType": {
"type": "string",
"enum": [
"png",
"svg",
"option"
],
"default": "png",
"description": "The output type of the diagram. Can be 'png', 'svg' or 'option'. Default is 'png', 'png' will return the rendered PNG image, 'svg' will return the rendered SVG string, and 'option' will return the valid ECharts option."
}
},
"required": [
"echartsOption"
],
"additionalProperties": false,
"$schema": "http://json-schema.org/draft-07/schema#"
} | — | — | |
generate_funnel_chartGenerate a funnel chart to visualize the progressive reduction of data as it passes through stages, such as, the conversion rates of users from visiting a website to completing a purchase.Input schema{
"type": "object",
"properties": {
"data": {
"type": "array",
"items": {
"type": "object",
"properties": {
"category": {
"type": "string",
"description": "Stage category name, such as 'Browse Website'."
},
"value": {
"type": "number",
"description": "Value at this stage, such as 50000."
}
},
"required": [
"category",
"value"
],
"additionalProperties": false
},
"minItems": 1,
"description": "Data for funnel chart, such as, [{ category: 'Browse Website', value: 50000 }, { category: 'Add to Cart', value: 35000 }, { category: 'Generate Order', value: 25000 }]."
},
"height": {
"type": "integer",
"exclusiveMinimum": 0,
"default": 600,
"description": "Set the height of the chart, default is 600px."
},
"theme": {
"type": "string",
"enum": [
"default",
"dark"
],
"default": "default",
"description": "Set the theme for the chart, optional, default is 'default'."
},
"title": {
"type": "string",
"description": "Set the title of the chart."
},
"width": {
"type": "integer",
"exclusiveMinimum": 0,
"default": 800,
"description": "Set the width of the chart, default is 800px."
},
"outputType": {
"type": "string",
"enum": [
"png",
"svg",
"option"
],
"default": "png",
"description": "The output type of the diagram. Can be 'png', 'svg' or 'option'. Default is 'png', 'png' will return the rendered PNG image, 'svg' will return the rendered SVG string, and 'option' will return the valid ECharts option."
}
},
"required": [
"data"
],
"additionalProperties": false,
"$schema": "http://json-schema.org/draft-07/schema#"
} | — | — | |
generate_gauge_chartGenerate a gauge chart to display single indicator's current status, such as, CPU usage rate, completion progress, or performance scores.Input schema{
"type": "object",
"properties": {
"data": {
"type": "array",
"items": {
"type": "object",
"properties": {
"name": {
"type": "string",
"description": "Indicator name, such as 'CPU Usage'."
},
"value": {
"type": "number",
"description": "Current value of the indicator, such as 75."
}
},
"required": [
"name",
"value"
],
"additionalProperties": false
},
"minItems": 1,
"description": "Data for gauge chart, such as, [{ name: 'CPU Usage', value: 75 }]. Multiple gauges can be displayed."
},
"height": {
"type": "integer",
"exclusiveMinimum": 0,
"default": 600,
"description": "Set the height of the chart, default is 600px."
},
"max": {
"type": "number",
"default": 100,
"description": "Maximum value of the gauge, default is 100."
},
"min": {
"type": "number",
"default": 0,
"description": "Minimum value of the gauge, default is 0."
},
"theme": {
"type": "string",
"enum": [
"default",
"dark"
],
"default": "default",
"description": "Set the theme for the chart, optional, default is 'default'."
},
"title": {
"type": "string",
"description": "Set the title of the chart."
},
"width": {
"type": "integer",
"exclusiveMinimum": 0,
"default": 800,
"description": "Set the width of the chart, default is 800px."
},
"outputType": {
"type": "string",
"enum": [
"png",
"svg",
"option"
],
"default": "png",
"description": "The output type of the diagram. Can be 'png', 'svg' or 'option'. Default is 'png', 'png' will return the rendered PNG image, 'svg' will return the rendered SVG string, and 'option' will return the valid ECharts option."
}
},
"required": [
"data"
],
"additionalProperties": false,
"$schema": "http://json-schema.org/draft-07/schema#"
} | — | — | |
generate_graph_chartGenerate a network graph chart to show relationships (edges) between entities (nodes), such as, relationships between people in social networks.Input schema{
"type": "object",
"properties": {
"data": {
"type": "object",
"properties": {
"nodes": {
"type": "array",
"items": {
"type": "object",
"properties": {
"id": {
"type": "string",
"description": "Unique identifier for the node."
},
"name": {
"type": "string",
"description": "Display name of the node."
},
"value": {
"type": "number",
"description": "Value associated with the node (affects size)."
},
"category": {
"type": "string",
"description": "Category of the node (affects color)."
}
},
"required": [
"id",
"name"
],
"additionalProperties": false
},
"minItems": 1,
"description": "Array of nodes in the network."
},
"edges": {
"type": "array",
"items": {
"type": "object",
"properties": {
"source": {
"type": "string",
"description": "Source node id."
},
"target": {
"type": "string",
"description": "Target node id."
},
"value": {
"type": "number",
"description": "Weight or value of the edge."
}
},
"required": [
"source",
"target"
],
"additionalProperties": false
},
"description": "Array of edges connecting nodes.",
"default": []
}
},
"required": [
"nodes"
],
"additionalProperties": false,
"description": "Data for network graph chart, such as, { nodes: [{ id: 'node1', name: 'Node 1' }], edges: [{ source: 'node1', target: 'node2' }] }"
},
"height": {
"type": "integer",
"exclusiveMinimum": 0,
"default": 600,
"description": "Set the height of the chart, default is 600px."
},
"layout": {
"type": "string",
"enum": [
"force",
"circular",
"none"
],
"default": "force",
"description": "Layout algorithm for the graph. Default is 'force'."
},
"theme": {
"type": "string",
"enum": [
"default",
"dark"
],
"default": "default",
"description": "Set the theme for the chart, optional, default is 'default'."
},
"title": {
"type": "string",
"description": "Set the title of the chart."
},
"width": {
"type": "integer",
"exclusiveMinimum": 0,
"default": 800,
"description": "Set the width of the chart, default is 800px."
},
"outputType": {
"type": "string",
"enum": [
"png",
"svg",
"option"
],
"default": "png",
"description": "The output type of the diagram. Can be 'png', 'svg' or 'option'. Default is 'png', 'png' will return the rendered PNG image, 'svg' will return the rendered SVG string, and 'option' will return the valid ECharts option."
}
},
"required": [
"data"
],
"additionalProperties": false,
"$schema": "http://json-schema.org/draft-07/schema#"
} | — | — | |
generate_heatmap_chartGenerate a heatmap chart to display data density or intensity distribution, such as, user activity patterns by time and day, or correlation matrix.Input schema{
"type": "object",
"properties": {
"axisXTitle": {
"type": "string",
"default": "",
"description": "Set the x-axis title of chart."
},
"axisYTitle": {
"type": "string",
"default": "",
"description": "Set the y-axis title of chart."
},
"data": {
"type": "array",
"items": {
"type": "object",
"properties": {
"x": {
"type": [
"string",
"number"
],
"description": "X axis value, such as 'Mon' or 0."
},
"y": {
"type": [
"string",
"number"
],
"description": "Y axis value, such as 'AM' or 0."
},
"value": {
"type": "number",
"description": "Heat value at this position, such as 5."
}
},
"required": [
"x",
"y",
"value"
],
"additionalProperties": false
},
"minItems": 1,
"description": "Data for heatmap chart, such as, [{ x: 'Mon', y: '12AM', value: 5 }, { x: 'Tue', y: '1AM', value: 3 }]."
},
"height": {
"type": "integer",
"exclusiveMinimum": 0,
"default": 600,
"description": "Set the height of the chart, default is 600px."
},
"theme": {
"type": "string",
"enum": [
"default",
"dark"
],
"default": "default",
"description": "Set the theme for the chart, optional, default is 'default'."
},
"title": {
"type": "string",
"description": "Set the title of the chart."
},
"width": {
"type": "integer",
"exclusiveMinimum": 0,
"default": 800,
"description": "Set the width of the chart, default is 800px."
},
"outputType": {
"type": "string",
"enum": [
"png",
"svg",
"option"
],
"default": "png",
"description": "The output type of the diagram. Can be 'png', 'svg' or 'option'. Default is 'png', 'png' will return the rendered PNG image, 'svg' will return the rendered SVG string, and 'option' will return the valid ECharts option."
}
},
"required": [
"data"
],
"additionalProperties": false,
"$schema": "http://json-schema.org/draft-07/schema#"
} | — | — | |
generate_line_chartGenerate a line chart to show trends over time, such as, the ratio of Apple computer sales to Apple's profits changed from 2000 to 2016.Input schema{
"type": "object",
"properties": {
"axisXTitle": {
"type": "string",
"default": "",
"description": "Set the x-axis title of chart."
},
"axisYTitle": {
"type": "string",
"default": "",
"description": "Set the y-axis title of chart."
},
"data": {
"type": "array",
"items": {
"type": "object",
"properties": {
"group": {
"type": "string",
"description": "Group name for multiple series, required when stack is enabled"
},
"time": {
"type": "string"
},
"value": {
"type": "number"
}
},
"required": [
"time",
"value"
],
"additionalProperties": false
},
"minItems": 1,
"description": "Data for line chart, such as, [{ time: '2015', value: 23 }, { time: '2016', value: 32 }]. For multiple series: [{ group: 'Series A', time: '2015', value: 23 }, { group: 'Series B', time: '2015', value: 18 }]."
},
"height": {
"type": "integer",
"exclusiveMinimum": 0,
"default": 600,
"description": "Set the height of the chart, default is 600px."
},
"showArea": {
"type": "boolean",
"default": false,
"description": "Whether to fill the area under the line. Default is false."
},
"showSymbol": {
"type": "boolean",
"default": true,
"description": "Whether to show symbols on data points. Default is true."
},
"smooth": {
"type": "boolean",
"default": false,
"description": "Whether to use a smooth curve. Default is false."
},
"stack": {
"type": "boolean",
"default": false,
"description": "Whether stacking is enabled. When enabled, line charts require a 'group' field in the data."
},
"theme": {
"type": "string",
"enum": [
"default",
"dark"
],
"default": "default",
"description": "Set the theme for the chart, optional, default is 'default'."
},
"title": {
"type": "string",
"description": "Set the title of the chart."
},
"width": {
"type": "integer",
"exclusiveMinimum": 0,
"default": 800,
"description": "Set the width of the chart, default is 800px."
},
"outputType": {
"type": "string",
"enum": [
"png",
"svg",
"option"
],
"default": "png",
"description": "The output type of the diagram. Can be 'png', 'svg' or 'option'. Default is 'png', 'png' will return the rendered PNG image, 'svg' will return the rendered SVG string, and 'option' will return the valid ECharts option."
}
},
"required": [
"data"
],
"additionalProperties": false,
"$schema": "http://json-schema.org/draft-07/schema#"
} | — | — | |
generate_parallel_chartGenerate a parallel coordinates chart to display multi-dimensional data, such as, comparing different products across multiple attributes.Input schema{
"type": "object",
"properties": {
"data": {
"type": "array",
"items": {
"type": "object",
"properties": {
"name": {
"type": "string",
"description": "Name or identifier for this data series."
},
"values": {
"type": "array",
"items": {
"type": "number"
},
"description": "Array of values for each dimension."
}
},
"required": [
"name",
"values"
],
"additionalProperties": false
},
"minItems": 1,
"description": "Data for parallel chart, such as, [{ name: 'Product A', values: [4.2, 3.4, 2.3, 1.8] }]."
},
"dimensions": {
"type": "array",
"items": {
"type": "string"
},
"minItems": 1,
"description": "Names of the dimensions/axes, such as, ['Price', 'Quality', 'Service', 'Value']."
},
"height": {
"type": "integer",
"exclusiveMinimum": 0,
"default": 600,
"description": "Set the height of the chart, default is 600px."
},
"theme": {
"type": "string",
"enum": [
"default",
"dark"
],
"default": "default",
"description": "Set the theme for the chart, optional, default is 'default'."
},
"title": {
"type": "string",
"description": "Set the title of the chart."
},
"width": {
"type": "integer",
"exclusiveMinimum": 0,
"default": 800,
"description": "Set the width of the chart, default is 800px."
},
"outputType": {
"type": "string",
"enum": [
"png",
"svg",
"option"
],
"default": "png",
"description": "The output type of the diagram. Can be 'png', 'svg' or 'option'. Default is 'png', 'png' will return the rendered PNG image, 'svg' will return the rendered SVG string, and 'option' will return the valid ECharts option."
}
},
"required": [
"data",
"dimensions"
],
"additionalProperties": false,
"$schema": "http://json-schema.org/draft-07/schema#"
} | — | — | |
generate_pie_chartGenerate a pie chart to show the proportion of parts, such as, market share and budget allocation.Input schema{
"type": "object",
"properties": {
"data": {
"type": "array",
"items": {
"type": "object",
"properties": {
"category": {
"type": "string",
"description": "Category of the data point, such as 'Category A'."
},
"value": {
"type": "number",
"description": "Value of the data point, such as 27."
}
},
"required": [
"category",
"value"
],
"additionalProperties": false
},
"minItems": 1,
"description": "Data for pie chart, such as, [{ category: 'Category A', value: 27 }, { category: 'Category B', value: 25 }]."
},
"height": {
"type": "integer",
"exclusiveMinimum": 0,
"default": 600,
"description": "Set the height of the chart, default is 600px."
},
"innerRadius": {
"type": "number",
"default": 0,
"description": "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."
},
"theme": {
"type": "string",
"enum": [
"default",
"dark"
],
"default": "default",
"description": "Set the theme for the chart, optional, default is 'default'."
},
"title": {
"type": "string",
"description": "Set the title of the chart."
},
"width": {
"type": "integer",
"exclusiveMinimum": 0,
"default": 800,
"description": "Set the width of the chart, default is 800px."
},
"outputType": {
"type": "string",
"enum": [
"png",
"svg",
"option"
],
"default": "png",
"description": "The output type of the diagram. Can be 'png', 'svg' or 'option'. Default is 'png', 'png' will return the rendered PNG image, 'svg' will return the rendered SVG string, and 'option' will return the valid ECharts option."
}
},
"required": [
"data"
],
"additionalProperties": false,
"$schema": "http://json-schema.org/draft-07/schema#"
} | — | — | |
generate_radar_chartGenerate 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.Input schema{
"type": "object",
"properties": {
"data": {
"type": "array",
"items": {
"type": "object",
"properties": {
"name": {
"type": "string",
"description": "Dimension name, such as 'Design'."
},
"value": {
"type": "number",
"description": "Value of the dimension, such as 70."
},
"group": {
"type": "string",
"description": "Group name for multiple series, used for comparing different entities"
}
},
"required": [
"name",
"value"
],
"additionalProperties": false
},
"minItems": 1,
"description": "Data for radar chart, such as, [{ name: 'Design', value: 70 }, { name: 'Performance', value: 85 }] or [{ name: 'Design', value: 70, group: 'iPhone' }]."
},
"height": {
"type": "integer",
"exclusiveMinimum": 0,
"default": 600,
"description": "Set the height of the chart, default is 600px."
},
"theme": {
"type": "string",
"enum": [
"default",
"dark"
],
"default": "default",
"description": "Set the theme for the chart, optional, default is 'default'."
},
"title": {
"type": "string",
"description": "Set the title of the chart."
},
"width": {
"type": "integer",
"exclusiveMinimum": 0,
"default": 800,
"description": "Set the width of the chart, default is 800px."
},
"outputType": {
"type": "string",
"enum": [
"png",
"svg",
"option"
],
"default": "png",
"description": "The output type of the diagram. Can be 'png', 'svg' or 'option'. Default is 'png', 'png' will return the rendered PNG image, 'svg' will return the rendered SVG string, and 'option' will return the valid ECharts option."
}
},
"required": [
"data"
],
"additionalProperties": false,
"$schema": "http://json-schema.org/draft-07/schema#"
} | — | — | |
generate_sankey_chartGenerate 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.Input schema{
"type": "object",
"properties": {
"data": {
"type": "array",
"items": {
"type": "object",
"properties": {
"source": {
"type": "string",
"description": "Source node name, such as 'Landing Page'."
},
"target": {
"type": "string",
"description": "Target node name, such as 'Product Page'."
},
"value": {
"type": "number",
"description": "Flow value between source and target, such as 50000."
}
},
"required": [
"source",
"target",
"value"
],
"additionalProperties": false
},
"minItems": 1,
"description": "Data for sankey chart, such as, [{ source: 'Landing Page', target: 'Product Page', value: 50000 }, { source: 'Product Page', target: 'Add to Cart', value: 35000 }]."
},
"height": {
"type": "integer",
"exclusiveMinimum": 0,
"default": 600,
"description": "Set the height of the chart, default is 600px."
},
"nodeAlign": {
"type": "string",
"enum": [
"left",
"right",
"justify"
],
"default": "justify",
"description": "Alignment of nodes in the sankey chart, such as, 'left', 'right', or 'justify'."
},
"theme": {
"type": "string",
"enum": [
"default",
"dark"
],
"default": "default",
"description": "Set the theme for the chart, optional, default is 'default'."
},
"title": {
"type": "string",
"description": "Set the title of the chart."
},
"width": {
"type": "integer",
"exclusiveMinimum": 0,
"default": 800,
"description": "Set the width of the chart, default is 800px."
},
"outputType": {
"type": "string",
"enum": [
"png",
"svg",
"option"
],
"default": "png",
"description": "The output type of the diagram. Can be 'png', 'svg' or 'option'. Default is 'png', 'png' will return the rendered PNG image, 'svg' will return the rendered SVG string, and 'option' will return the valid ECharts option."
}
},
"required": [
"data"
],
"additionalProperties": false,
"$schema": "http://json-schema.org/draft-07/schema#"
} | — | — | |
generate_scatter_chartGenerate a scatter chart to show the relationship between two variables, helps discover their relationship or trends, such as, the strength of correlation, data distribution patterns.Input schema{
"type": "object",
"properties": {
"axisXTitle": {
"type": "string",
"default": "",
"description": "Set the x-axis title of chart."
},
"axisYTitle": {
"type": "string",
"default": "",
"description": "Set the y-axis title of chart."
},
"data": {
"type": "array",
"items": {
"type": "object",
"properties": {
"x": {
"type": "number",
"description": "X coordinate value of the data point."
},
"y": {
"type": "number",
"description": "Y coordinate value of the data point."
}
},
"required": [
"x",
"y"
],
"additionalProperties": false
},
"minItems": 1,
"description": "Data for scatter chart, such as, [{ x: 10, y: 15 }, { x: 20, y: 25 }]."
},
"height": {
"type": "integer",
"exclusiveMinimum": 0,
"default": 600,
"description": "Set the height of the chart, default is 600px."
},
"theme": {
"type": "string",
"enum": [
"default",
"dark"
],
"default": "default",
"description": "Set the theme for the chart, optional, default is 'default'."
},
"title": {
"type": "string",
"description": "Set the title of the chart."
},
"width": {
"type": "integer",
"exclusiveMinimum": 0,
"default": 800,
"description": "Set the width of the chart, default is 800px."
},
"outputType": {
"type": "string",
"enum": [
"png",
"svg",
"option"
],
"default": "png",
"description": "The output type of the diagram. Can be 'png', 'svg' or 'option'. Default is 'png', 'png' will return the rendered PNG image, 'svg' will return the rendered SVG string, and 'option' will return the valid ECharts option."
}
},
"required": [
"data"
],
"additionalProperties": false,
"$schema": "http://json-schema.org/draft-07/schema#"
} | — | — | |
generate_sunburst_chartGenerate a sunburst chart to display multi-level hierarchical data, such as, organizational structure, file system hierarchy, or category breakdown.Input schema{
"type": "object",
"properties": {
"data": {
"type": "array",
"items": {
"type": "object",
"properties": {
"name": {
"type": "string",
"description": "Node name, such as 'Technology'."
},
"value": {
"type": "number",
"description": "Node value, such as 100."
},
"children": {
"type": "array",
"items": {
"type": "object",
"properties": {
"name": {
"type": "string",
"description": "Node name, such as 'Technology'."
},
"value": {
"type": "number",
"description": "Node value, such as 100."
},
"children": {
"type": "array",
"items": {
"type": "object",
"properties": {
"name": {
"type": "string",
"description": "Node name, such as 'Technology'."
},
"value": {
"type": "number",
"description": "Node value, such as 100."
},
"children": {
"type": "array",
"items": {
"type": "object",
"properties": {
"name": {
"type": "string",
"description": "Node name, such as 'Technology'."
},
"value": {
"type": "number",
"description": "Node value, such as 100."
},
"children": {
"type": "array",
"items": {
"type": "object",
"properties": {
"name": {
"type": "string",
"description": "Node name, such as 'Technology'."
},
"value": {
"type": "number",
"description": "Node value, such as 100."
}
},
"required": [
"name",
"value"
],
"additionalProperties": false
},
"description": "Child nodes for hierarchical structure."
}
},
"required": [
"name",
"value"
],
"additionalProperties": false
},
"description": "Child nodes for hierarchical structure."
}
},
"required": [
"name",
"value"
],
"additionalProperties": false
},
"description": "Child nodes for hierarchical structure."
}
},
"required": [
"name",
"value"
],
"additionalProperties": false
},
"description": "Child nodes for hierarchical structure."
}
},
"required": [
"name",
"value"
],
"additionalProperties": false
},
"minItems": 1,
"description": "Data for sunburst chart, such as, [{ name: 'Technology', value: 100, children: [{ name: 'Frontend', value: 60, children: [{ name: 'React', value: 30 }] }] }]."
},
"height": {
"type": "integer",
"exclusiveMinimum": 0,
"default": 600,
"description": "Set the height of the chart, default is 600px."
},
"theme": {
"type": "string",
"enum": [
"default",
"dark"
],
"default": "default",
"description": "Set the theme for the chart, optional, default is 'default'."
},
"title": {
"type": "string",
"description": "Set the title of the chart."
},
"width": {
"type": "integer",
"exclusiveMinimum": 0,
"default": 800,
"description": "Set the width of the chart, default is 800px."
},
"outputType": {
"type": "string",
"enum": [
"png",
"svg",
"option"
],
"default": "png",
"description": "The output type of the diagram. Can be 'png', 'svg' or 'option'. Default is 'png', 'png' will return the rendered PNG image, 'svg' will return the rendered SVG string, and 'option' will return the valid ECharts option."
}
},
"required": [
"data"
],
"additionalProperties": false,
"$schema": "http://json-schema.org/draft-07/schema#"
} | — | — | |
generate_tree_chartGenerate a tree chart to display hierarchical data structure, such as, organizational chart, family tree, or file directory structure.Input schema{
"type": "object",
"properties": {
"data": {
"type": "object",
"properties": {
"name": {
"type": "string",
"description": "Node name, such as 'Root'."
},
"value": {
"type": "number",
"description": "Node value (optional)."
},
"children": {
"type": "array",
"items": {
"type": "object",
"properties": {
"name": {
"type": "string",
"description": "Node name, such as 'Root'."
},
"value": {
"type": "number",
"description": "Node value (optional)."
},
"children": {
"type": "array",
"items": {
"type": "object",
"properties": {
"name": {
"type": "string",
"description": "Node name, such as 'Root'."
},
"value": {
"type": "number",
"description": "Node value (optional)."
},
"children": {
"type": "array",
"items": {
"type": "object",
"properties": {
"name": {
"type": "string",
"description": "Node name, such as 'Root'."
},
"value": {
"type": "number",
"description": "Node value (optional)."
},
"children": {
"type": "array",
"items": {
"type": "object",
"properties": {
"name": {
"type": "string",
"description": "Node name, such as 'Root'."
},
"value": {
"type": "number",
"description": "Node value (optional)."
}
},
"required": [
"name"
],
"additionalProperties": false
},
"description": "Child nodes for hierarchical structure."
}
},
"required": [
"name"
],
"additionalProperties": false
},
"description": "Child nodes for hierarchical structure."
}
},
"required": [
"name"
],
"additionalProperties": false
},
"description": "Child nodes for hierarchical structure."
}
},
"required": [
"name"
],
"additionalProperties": false
},
"description": "Child nodes for hierarchical structure."
}
},
"required": [
"name"
],
"additionalProperties": false,
"description": "Tree data structure, such as, { name: 'Root', children: [{ name: 'Child 1' }, { name: 'Child 2' }] }."
},
"height": {
"type": "integer",
"exclusiveMinimum": 0,
"default": 600,
"description": "Set the height of the chart, default is 600px."
},
"layout": {
"type": "string",
"enum": [
"orthogonal",
"radial"
],
"default": "orthogonal",
"description": "Tree layout type. Default is 'orthogonal'."
},
"orient": {
"type": "string",
"enum": [
"LR",
"RL",
"TB",
"BT"
],
"default": "LR",
"description": "Tree orientation. LR=left-to-right, RL=right-to-left, TB=top-to-bottom, BT=bottom-to-top. Default is 'LR'."
},
"theme": {
"type": "string",
"enum": [
"default",
"dark"
],
"default": "default",
"description": "Set the theme for the chart, optional, default is 'default'."
},
"title": {
"type": "string",
"description": "Set the title of the chart."
},
"width": {
"type": "integer",
"exclusiveMinimum": 0,
"default": 800,
"description": "Set the width of the chart, default is 800px."
},
"outputType": {
"type": "string",
"enum": [
"png",
"svg",
"option"
],
"default": "png",
"description": "The output type of the diagram. Can be 'png', 'svg' or 'option'. Default is 'png', 'png' will return the rendered PNG image, 'svg' will return the rendered SVG string, and 'option' will return the valid ECharts option."
}
},
"required": [
"data"
],
"additionalProperties": false,
"$schema": "http://json-schema.org/draft-07/schema#"
} | — | — | |
generate_treemap_chartGenerate a treemap chart to display hierarchical data and can intuitively show comparisons between items at the same level, such as, show disk space usage with treemap.Input schema{
"type": "object",
"properties": {
"data": {
"type": "array",
"items": {
"type": "object",
"properties": {
"name": {
"type": "string",
"description": "Node name, such as 'Design'."
},
"value": {
"type": "number",
"description": "Node value, such as 70."
},
"children": {
"type": "array",
"items": {
"type": "object",
"properties": {
"name": {
"type": "string",
"description": "Node name, such as 'Design'."
},
"value": {
"type": "number",
"description": "Node value, such as 70."
},
"children": {
"type": "array",
"items": {
"type": "object",
"properties": {
"name": {
"type": "string",
"description": "Node name, such as 'Design'."
},
"value": {
"type": "number",
"description": "Node value, such as 70."
},
"children": {
"type": "array",
"items": {
"type": "object",
"properties": {
"name": {
"type": "string",
"description": "Node name, such as 'Design'."
},
"value": {
"type": "number",
"description": "Node value, such as 70."
},
"children": {
"type": "array",
"items": {
"type": "object",
"properties": {
"name": {
"type": "string",
"description": "Node name, such as 'Design'."
},
"value": {
"type": "number",
"description": "Node value, such as 70."
}
},
"required": [
"name",
"value"
],
"additionalProperties": false
},
"description": "Child nodes for hierarchical structure."
}
},
"required": [
"name",
"value"
],
"additionalProperties": false
},
"description": "Child nodes for hierarchical structure."
}
},
"required": [
"name",
"value"
],
"additionalProperties": false
},
"description": "Child nodes for hierarchical structure."
}
},
"required": [
"name",
"value"
],
"additionalProperties": false
},
"description": "Child nodes for hierarchical structure."
}
},
"required": [
"name",
"value"
],
"additionalProperties": false
},
"minItems": 1,
"description": "Data for treemap chart, such as, [{ name: 'Design', value: 70, children: [{ name: 'Tech', value: 20 }] }]."
},
"height": {
"type": "integer",
"exclusiveMinimum": 0,
"default": 600,
"description": "Set the height of the chart, default is 600px."
},
"theme": {
"type": "string",
"enum": [
"default",
"dark"
],
"default": "default",
"description": "Set the theme for the chart, optional, default is 'default'."
},
"title": {
"type": "string",
"description": "Set the title of the chart."
},
"width": {
"type": "integer",
"exclusiveMinimum": 0,
"default": 800,
"description": "Set the width of the chart, default is 800px."
},
"outputType": {
"type": "string",
"enum": [
"png",
"svg",
"option"
],
"default": "png",
"description": "The output type of the diagram. Can be 'png', 'svg' or 'option'. Default is 'png', 'png' will return the rendered PNG image, 'svg' will return the rendered SVG string, and 'option' will return the valid ECharts option."
}
},
"required": [
"data"
],
"additionalProperties": false,
"$schema": "http://json-schema.org/draft-07/schema#"
} | — | — |
| Endpoint | Transport | Authentication | Health | Observed |
|---|---|---|---|---|
| No verified remote endpoint is linked. | ||||
Install the selected package version with: npm install --save-exact mcp-echarts@0.7.1
MCP ECharts MCP Server exposed 18 tools during independent protocol observation, including generate_area_chart, generate_bar_chart, generate_boxplot_chart, generate_candlestick_chart, generate_echarts, generate_funnel_chart, generate_gauge_chart, generate_graph_chart, and others.
The selected current version does not yet have completed public verification. Unknown does not mean clean or vulnerable.
Curated product and capability guides containing this catalog record.