Trend Indicator

Renders a simple visual indicator (e.g., arrow, icon) representing

Surfaces

webgoogle-meet-stagegoogle-chatemailpdfgoogle-apps-script-webmcp-apps

Live preview

↑ Trend Indicator

Fields

Field	Type
trend_direction	enum (up, down, stable) - determines the icon or arrow direction	required
label	string (descriptive text for the trend, e.g., 'Improving', 'Declining', 'Steady')	required
context	string (optional, additional context, e.g., 'over last 30 days')	optional
color	string (optional, hex or named color for the indicator, e.g., 'green' for 'up', 'red' for 'down')	optional

Example payload

{
  "type": "trend_indicator",
  "trend_direction": "up",
  "label": "Trend Indicator"
}

ARD catalog entry

{
  "identifier": "urn:air:a2uicatalog.ai:atom:trend_indicator",
  "displayName": "Trend Indicator",
  "type": "application/vnd.a2ui.atom+json",
  "url": "https://a2uicatalog.ai/atoms/trend_indicator",
  "capabilities": [
    "web",
    "google-meet-stage",
    "google-chat",
    "email",
    "pdf",
    "google-apps-script-web",
    "mcp-apps"
  ],
  "description": "Renders a simple visual indicator (e.g., arrow, icon) representing",
  "representativeQueries": [
    "show a compact inline value with mini trend bar the direction of a",
    "renders a simple visual indicator (e.g., arrow, icon) representing",
    "render a trend indicator"
  ]
}

← 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 →