Renders a graphical representation of data where individual values
| Field | Type | |
|---|---|---|
| data | list of lists of numbers (e.g., [[1, 2, 3], [4, 5, 6]]) | required |
| labels_x | list of strings (labels for the x-axis, e.g., ['Mon', 'Tue', 'Wed']) | required |
| labels_y | list of strings (labels for the y-axis, e.g., ['AM', 'PM']) | required |
| color_scale | list of strings (colors for the gradient, e.g., ['#FFFFFF', '#FF0000'] for white to red) | required |
| unit | string (optional, unit for the data values, e.g., '°C') | optional |
{
"type": "heatmap",
"data": 1,
"labels_x": [
"Category A",
"Category B",
"Category C",
"Category D"
],
"labels_y": [
"Low",
"Medium",
"High"
],
"color_scale": [
"#3b82f6",
"#10b981",
"#f59e0b",
"#ef4444"
]
}
{
"identifier": "urn:air:a2uicatalog.ai:atom:heatmap",
"displayName": "Heatmap",
"type": "application/vnd.a2ui.atom+json",
"url": "https://a2uicatalog.ai/atoms/heatmap",
"capabilities": [
"web",
"meet-stage",
"apps-script-web"
],
"description": "Renders a graphical representation of data where individual values",
"representativeQueries": [
"show a grid heatmap coloured by intensity value are represented as colors in a matrix",
"renders a graphical representation of data where individual values",
"render a heatmap"
]
}
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
Full deploy guide →