Category: Display
Interactive collapsible decision tree with nested branches
| Field | Type | Required |
|---|---|---|
| nodes | array of {text, children: [{text, children}]} — nested tree nodes | required |
| title | string | optional |
| layout | string. Absent, 'outline' or anything else keeps the collapsible outline. 'tree' draws the nested form as a static top-down tidy tree (the same d3 tree layout and boxes as org_chart; the nested lists stay in the page for screen readers, but there is nothing to expand or collapse). It draws at most 31 nodes, 6 levels and labels of up to 32 characters; beyond that, or for the id/next graph form, the outline is shown with a note. Branch text stays inside each node's text (there is no separate edge label field). | optional |
| version | integer (optional, default 1). The decision_tree contract the payload was written for. Only version 1 exists; a higher whole number is drawn as version 1 with a note. | optional |
{
"type": "decision_tree",
"nodes": [
{
"label": "src/",
"children": [
{
"label": "index.ts"
}
]
},
{
"label": "package.json"
}
]
}{
"identifier": "urn:air:a2uicatalog.ai:atom:decision_tree",
"displayName": "Decision Tree",
"type": "application/vnd.a2ui.atom+json",
"url": "https://a2uicatalog.ai/atoms/decision_tree/",
"capabilities": [
"web",
"google-apps-script-web",
"mcp-apps",
"android"
],
"description": "Interactive collapsible decision tree with nested branches",
"representativeQueries": [
"show a interactive collapsible decision tree",
"interactive collapsible decision tree with nested branches",
"render a decision tree"
]
}The renderer is an open-source Google Apps Script web app. Deploy your own instance in 4 commands — you own the URL, no dependency on the demo endpoint.
git clone https://github.com/a2uicatalog/a2ui
cd a2ui/apps-script-surface/gas-wired-renderer
clasp push && clasp deploy