Metric Comparison Card — A2UI Atomic Catalog

Card comparing a current metric value against a previous period with delta indicator.

Surfaces

webmeet-stageapps-script-web

Degraded on

Surface	Note
email	Renders as plain text values.

Fields

Field	Type
label	string. Metric name.	required
value	number. Current value.	required
previous	number. Previous period value.	required

Example payload

{
  "type": "metric_comparison_card",
  "label": "Metric Comparison Card",
  "value": 1,
  "previous": 1
}

ARD catalog entry

{
  "identifier": "urn:air:a2uicatalog.ai:atom:metric_comparison_card",
  "displayName": "Metric Comparison Card",
  "type": "application/vnd.a2ui.atom+json",
  "url": "https://a2uicatalog.ai/atoms/metric_comparison_card",
  "capabilities": [
    "web",
    "meet-stage",
    "apps-script-web"
  ],
  "description": "Card comparing a current metric value against a previous period with delta indicator.",
  "representativeQueries": [
    "show a metric card comparing current vs previous period",
    "card comparing a current metric value against a previous period with delta indicator.",
    "render a metric comparison card"
  ]
}

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 →