generate_tree_chart

Create hierarchical tree charts to visualize organizational structures, family trees, or file directories. Customize layout, orientation, and themes using JSON data for clear and detailed representations.

Instructions

Generate a tree chart to display hierarchical data structure, such as, organizational chart, family tree, or file directory structure.

Input Schema

Name	Required	Description	Default
`data`	Yes	Tree data structure, such as, { name: 'Root', children: [{ name: 'Child 1' }, { name: 'Child 2' }] }.
`height`	No	Set the height of the chart, default is 600px.
`layout`	No	Tree layout type. Default is 'orthogonal'.	orthogonal
`orient`	No	Tree orientation. LR=left-to-right, RL=right-to-left, TB=top-to-bottom, BT=bottom-to-top. Default is 'LR'.	LR
`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": {
      "additionalProperties": false,
      "description": "Tree data structure, such as, { name: 'Root', children: [{ name: 'Child 1' }, { name: 'Child 2' }] }.",
      "properties": {
        "children": {
          "description": "Child nodes for hierarchical structure.",
          "items": {
            "additionalProperties": false,
            "properties": {
              "children": {
                "description": "Child nodes for hierarchical structure.",
                "items": {
                  "$ref": "#/properties/data/properties/children/items"
                },
                "type": "array"
              },
              "name": {
                "description": "Node name, such as 'Root'.",
                "type": "string"
              },
              "value": {
                "description": "Node value (optional).",
                "type": "number"
              }
            },
            "required": [
              "name"
            ],
            "type": "object"
          },
          "type": "array"
        },
        "name": {
          "description": "Node name, such as 'Root'.",
          "type": "string"
        },
        "value": {
          "description": "Node value (optional).",
          "type": "number"
        }
      },
      "required": [
        "name"
      ],
      "type": "object"
    },
    "height": {
      "default": 600,
      "description": "Set the height of the chart, default is 600px.",
      "exclusiveMinimum": 0,
      "type": "integer"
    },
    "layout": {
      "default": "orthogonal",
      "description": "Tree layout type. Default is 'orthogonal'.",
      "enum": [
        "orthogonal",
        "radial"
      ],
      "type": "string"
    },
    "orient": {
      "default": "LR",
      "description": "Tree orientation. LR=left-to-right, RL=right-to-left, TB=top-to-bottom, BT=bottom-to-top. Default is 'LR'.",
      "enum": [
        "LR",
        "RL",
        "TB",
        "BT"
      ],
      "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_tree_chart

Instructions

Input Schema

Input Schema (JSON Schema)

Other Tools from MCP ECharts

Related Tools

MCP directory API