Category: Marketing
| Feature | Product A | Product B |
|---|---|---|
| Core feature | ||
| Advanced analytics | ||
| API access |
Renders a grid comparing multiple products or services with features, often using icons or checkmarks to indicate presence.
| Surface | Note |
|---|---|
| google-chat | Renders as a simplified list of products with their features, losing grid layout and icons. |
| Renders as stacked blocks without complex grid layouts, potentially losing icons. |
| Field | Type | Required |
|---|---|---|
| products | array | required |
| features | array | required |
{
"type": "comparison_grid",
"products": [
{
"name": "Product A"
},
{
"name": "Product B"
}
],
"features": [
"Core feature",
"Advanced analytics",
"API access"
]
}{
"identifier": "urn:air:a2uicatalog.ai:atom:comparison_grid",
"displayName": "Comparison Grid",
"type": "application/vnd.a2ui.atom+json",
"url": "https://a2uicatalog.ai/atoms/comparison_grid/",
"capabilities": [
"web",
"google-meet-stage",
"pdf",
"google-apps-script-web",
"mcp-apps",
"android",
"slides",
"pptx"
],
"description": "Renders a grid comparing multiple products or services with features, often using icons or checkmarks to indicate presence.",
"representativeQueries": [
"show a multi-item attribute comparison grid",
"renders a grid comparing multiple products or services with features, often using icons or checkmark",
"render a comparison grid"
]
}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