Tree diagram

Create a top-down hierarchy tree diagram.

Updated 18 Sep 20261 min read

Send "type": "tree_diagram".

Create a top-down hierarchy tree diagram. Four categories: "sitemap" (website page hierarchy), "orgchart" (reporting structure of people/teams), "tree" (generic hierarchy: taxonomy, family tree, folder structure), "wbs" (project work breakdown structure).

Also available as the MCP tool render_treediagram. The same payload works through either surface.

Fields

data

titlestring

A short title for the diagram, shown as the frame header (e.g. "Online Bookstore Sitemap").

categoryenum<string>

Diagram flavor: sitemap (website pages), orgchart (reporting structure), tree (generic hierarchy), wbs (work breakdown). One of sitemap, orgchart, tree or wbs. Defaults to sitemap.

nodeDataobjectrequired

Root node with id, name, root=true, category-specific fields, and children array

Child attributes

idstring

namestring

urlstring

sitemap only: relative page path like "/about"; root page is "/"

rolestring

orgchart only: job title

departmentstring

orgchart only: organizational unit

notestring

tree only: short note line

ownerstring

wbs only: responsible team or role; a person's name only when the user provides it

rootboolean

blocksobject[]

sitemap only: page content sections

childrenobject[]

Example

{
  "type": "tree_diagram",
  "data": {
    "title": "Q4 Launch Planning",
    "category": "sitemap",
    "nodeData": {
      "id": "string",
      "name": "Q4 Launch Planning",
      "url": "string",
      "role": "string",
      "department": "string",
      "note": "string"
    }
  }
}

Was this page helpful?