generate_treemap_chart

Create treemap charts to visualize hierarchical data and compare items at the same level, such as disk space usage or project budgets. Customize height, width, theme, and title for clear data representation.

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.
`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"
    },
    "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