Heatmap

Renders a graphical representation of data where individual values

Surfaces
webmeet-stageapps-script-web
Fields
FieldType
datalist of lists of numbers (e.g., [[1, 2, 3], [4, 5, 6]])required
labels_xlist of strings (labels for the x-axis, e.g., ['Mon', 'Tue', 'Wed'])required
labels_ylist of strings (labels for the y-axis, e.g., ['AM', 'PM'])required
color_scalelist of strings (colors for the gradient, e.g., ['#FFFFFF', '#FF0000'] for white to red)required
unitstring (optional, unit for the data values, e.g., '°C')optional
Example payload
{
  "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"
  ]
}
ARD catalog entry
{
  "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"
  ]
}
← Full ARD catalog Try it live →
Deploy your own renderer

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 →