Gauge Sla

Category: Charts

Live preview
75

Renders a semi-circular radial gauge track with high contrast status quadrants, a glowing needle tick, and a prominent central KPI readout.

Surfaces
webgoogle-meet-stagegoogle-apps-script-webmcp-appsandroid
Fields
FieldTypeRequired
titlestring (optional, e.g., 'API Response SLA')optional
valuenumber representing current value (e.g., 99.4)required
max_valuenumber representing maximum gauge scale (e.g., 100)required
unitstring (optional, e.g., '%')optional
labelstring (optional, e.g., 'SLA Met')optional
minnumber (optional, default 0). Setting min or steps switches to the scale mode (Plotly indicator gauge) with bands, a threshold tick, a needle, a legend and a hidden table.optional
stepslist of {from, to, color} bands on the scale (up to 8); color is a hex or var(--token), default theme colours; each band is also listed in text.optional
thresholdnumber. Draws a tick and states whether the value is at or above it (scale mode only).optional
versioninteger (optional, default 1). A whole number above 1 draws as version 1 with a muted note (scale mode only).optional
Example payload
{
  "type": "gauge_sla",
  "value": 75,
  "max_value": 5
}
ARD catalog entry
{
  "identifier": "urn:air:a2uicatalog.ai:atom:gauge_sla",
  "displayName": "Gauge Sla",
  "type": "application/vnd.a2ui.atom+json",
  "url": "https://a2uicatalog.ai/atoms/gauge_sla/",
  "capabilities": [
    "web",
    "google-meet-stage",
    "google-apps-script-web",
    "mcp-apps",
    "android"
  ],
  "description": "Renders a semi-circular radial gauge track with high contrast status quadrants, a glowing needle tick, and a prominent central KPI readout.",
  "representativeQueries": [
    "show a radial SLA gauge with glowing pointer and large metric value",
    "renders a semi-circular radial gauge track with high contrast status quadrants, a glowing needle tic",
    "render a gauge sla"
  ]
}
← Full ARD catalog
Deploy your own Google Apps Script renderer

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
Full deploy guide →