generate_treemap_chart

Create a treemap chart to visualize hierarchical data and compare items at the same level. Ideal for tasks like displaying disk space usage or other structured datasets.

Instructions

Generate 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

Name	Required	Description	Default
`data`	Yes	Data for treemap chart, such as, [{ name: 'Design', value: 70, children: [{ name: 'Tech', value: 20 }] }].
`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": {
    "data": {
      "description": "Data for treemap chart, such as, [{ name: 'Design', value: 70, children: [{ name: 'Tech', value: 20 }] }].",
      "items": {
        "additionalProperties": false,
        "properties": {
          "children": {
            "description": "Child nodes for hierarchical structure.",
            "items": {
              "$ref": "#/properties/data/items"
            },
            "type": "array"
          },
          "name": {
            "description": "Node name, such as 'Design'.",
            "type": "string"
          },
          "value": {
            "description": "Node value, such as 70.",
            "type": "number"
          }
        },
        "required": [
          "name",
          "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_treemap_chart

Instructions

Input Schema

Input Schema (JSON Schema)

Other Tools from MCP ECharts

Related Tools

MCP directory API