Skip to main content
Glama

MCP Server Chart

Official

generate_treemap_chart

Create treemap charts to visually represent hierarchical data, enabling intuitive comparisons of items at the same level, such as disk space usage. Customize style, theme, and dimensions for tailored visualization.

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

NameRequiredDescriptionDefault
dataYesData for treemap chart which is a hierarchical structure, such as, [{ name: 'Design', value: 70, children: [{ name: 'Tech', value: 20 }] }], and the maximum depth is 3.
heightNoSet the height of chart, default is 400.
styleNoCustom style configuration for the chart.
themeNoSet the theme for the chart, optional, default is 'default'.default
titleNoSet the title of chart.
widthNoSet the width of chart, default is 600.

Input Schema (JSON Schema)

{ "$schema": "http://json-schema.org/draft-07/schema#", "properties": { "data": { "description": "Data for treemap chart which is a hierarchical structure, such as, [{ name: 'Design', value: 70, children: [{ name: 'Tech', value: 20 }] }], and the maximum depth is 3.", "items": { "properties": { "children": { "items": { "properties": { "children": { "items": { "properties": { "name": { "type": "string" }, "value": { "type": "number" } }, "required": [ "name", "value" ], "type": "object" }, "type": "array" }, "name": { "type": "string" }, "value": { "type": "number" } }, "required": [ "name", "value" ], "type": "object" }, "type": "array" }, "name": { "type": "string" }, "value": { "type": "number" } }, "required": [ "name", "value" ], "type": "object" }, "minItems": 1, "type": "array" }, "height": { "default": 400, "description": "Set the height of chart, default is 400.", "type": "number" }, "style": { "description": "Custom style configuration for the chart.", "properties": { "backgroundColor": { "description": "Background color of the chart, such as, '#fff'.", "type": "string" }, "palette": { "description": "Color palette for the chart, it is a collection of colors.", "items": { "type": "string" }, "type": "array" }, "texture": { "default": "default", "description": "Set the texture for the chart, optional, default is 'default'. 'rough' refers to hand-drawn style.", "enum": [ "default", "rough" ], "type": "string" } }, "type": "object" }, "theme": { "default": "default", "description": "Set the theme for the chart, optional, default is 'default'.", "enum": [ "default", "academy", "dark" ], "type": "string" }, "title": { "default": "", "description": "Set the title of chart.", "type": "string" }, "width": { "default": 600, "description": "Set the width of chart, default is 600.", "type": "number" } }, "required": [ "data" ], "type": "object" }

MCP directory API

We provide all the information about MCP servers via our MCP API.

curl -X GET 'https://glama.ai/api/mcp/v1/servers/antvis/mcp-server-chart'

If you have feedback or need assistance with the MCP directory API, please join our Discord server