generate_heatmap_chart

Create a heatmap chart to visualize data density or intensity distribution, such as user activity patterns by time and day or correlation matrices. Customize axis titles, dimensions, themes, and export formats like PNG, SVG, or ECharts options.

Instructions

Generate a heatmap chart to display data density or intensity distribution, such as, user activity patterns by time and day, or correlation matrix.

Input Schema

Name	Required	Description	Default
`axisXTitle`	No	Set the x-axis title of chart.
`axisYTitle`	No	Set the y-axis title of chart.
`data`	Yes	Data for heatmap chart, such as, [{ x: 'Mon', y: '12AM', value: 5 }, { x: 'Tue', y: '1AM', value: 3 }].
`height`	No	Set the height of the chart, default is 600px.
`outputType`	No	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.	png
`theme`	No	Set the theme for the chart, optional, default is 'default'.	default
`title`	No	Set the title of the chart.
`width`	No	Set the width of the chart, default is 800px.

Input Schema (JSON Schema)

{
  "$schema": "http://json-schema.org/draft-07/schema#",
  "additionalProperties": false,
  "properties": {
    "axisXTitle": {
      "default": "",
      "description": "Set the x-axis title of chart.",
      "type": "string"
    },
    "axisYTitle": {
      "default": "",
      "description": "Set the y-axis title of chart.",
      "type": "string"
    },
    "data": {
      "description": "Data for heatmap chart, such as, [{ x: 'Mon', y: '12AM', value: 5 }, { x: 'Tue', y: '1AM', value: 3 }].",
      "items": {
        "additionalProperties": false,
        "properties": {
          "value": {
            "description": "Heat value at this position, such as 5.",
            "type": "number"
          },
          "x": {
            "description": "X axis value, such as 'Mon' or 0.",
            "type": [
              "string",
              "number"
            ]
          },
          "y": {
            "description": "Y axis value, such as 'AM' or 0.",
            "type": [
              "string",
              "number"
            ]
          }
        },
        "required": [
          "x",
          "y",
          "value"
        ],
        "type": "object"
      },
      "minItems": 1,
      "type": "array"
    },
    "height": {
      "default": 600,
      "description": "Set the height of the chart, default is 600px.",
      "exclusiveMinimum": 0,
      "type": "integer"
    },
    "outputType": {
      "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.",
      "enum": [
        "png",
        "svg",
        "option"
      ],
      "type": "string"
    },
    "theme": {
      "default": "default",
      "description": "Set the theme for the chart, optional, default is 'default'.",
      "enum": [
        "default",
        "dark"
      ],
      "type": "string"
    },
    "title": {
      "description": "Set the title of the chart.",
      "type": "string"
    },
    "width": {
      "default": 800,
      "description": "Set the width of the chart, default is 800px.",
      "exclusiveMinimum": 0,
      "type": "integer"
    }
  },
  "required": [
    "data"
  ],
  "type": "object"
}

MCP ECharts

generate_heatmap_chart

Instructions

Input Schema

Input Schema (JSON Schema)

Other Tools from MCP ECharts

Related Tools

MCP directory API