Renders a flow diagram (Sankey flow) where left-hand source nodes connect to right-hand target nodes via beautiful, curved gradient Bezier bands.
| Field | Type | |
|---|---|---|
| nodes | list of dictionaries representing columns (e.g., [{'id': 'revenue', 'label': 'Revenue', 'column': 0, 'color': '#10b981'}, ...]) | required |
| links | list of dictionaries representing flows (e.g., [{'source': 'revenue', 'target': 'marketing', 'value': 25000, 'color': '#38bdf8'}, ...]) | required |
| title | string (optional, title of the chart, e.g., 'Financial Flow Allocation') | optional |
{
"type": "sankey_flow",
"nodes": [
{
"id": "a",
"label": "Source"
},
{
"id": "b",
"label": "Target"
}
],
"links": [
{
"label": "GitHub",
"url": "https://github.com/a2uicatalog/a2ui"
}
]
}{
"identifier": "urn:air:a2uicatalog.ai:atom:sankey_flow",
"displayName": "Sankey Flow",
"type": "application/vnd.a2ui.atom+json",
"url": "https://a2uicatalog.ai/atoms/sankey_flow",
"capabilities": [
"web",
"meet-stage",
"apps-script-web"
],
"description": "Renders a flow diagram (Sankey flow) where left-hand source nodes connect to right-hand target nodes via beautiful, curved gradient Bezier bands.",
"representativeQueries": [
"show a curved dual-column gradient flow diagram for financial or pipeline streams",
"renders a flow diagram (sankey flow) where left-hand source nodes connect to right-hand target nodes",
"render a sankey flow"
]
}The renderer is open source. 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 apps-script-surface/gas-schema-renderer
clasp push && clasp deploy