Category: Developer & ops
Multi-day forecast as horizontal range bars on one shared temperature axis with gridlines — lo anchored at the bar's cool end, hi at its warm end, a small drawn weather glyph per row, and a precipitation chip that highlights when precip crosses a wet threshold. The shared axis is what makes a cold/wet day visually collapse relative to its neighbours.
| Field | Type | Required |
|---|---|---|
| title | string (optional, e.g., 'NEXT 3 DAYS — OUTLOOK') | optional |
| city | string (optional, e.g., 'Toulouse') | optional |
| scale | dict: {min: integer, max: integer}. Shared axis bounds in the display unit; gridlines drawn at 5-degree steps. | required |
| days | list of dicts, chronological: [{label: string (e.g. "SUN"), date: string (e.g. "20 Jul"), code: one of sun|partly|cloud|rain|storm, hi: integer, lo: integer, precip: integer 0-100}, ...] | required |
{
"type": "weather_outlook",
"scale": 1,
"days": 1
}
{
"identifier": "urn:air:a2uicatalog.ai:atom:weather_outlook",
"displayName": "Weather Outlook",
"type": "application/vnd.a2ui.atom+json",
"url": "https://a2uicatalog.ai/atoms/weather_outlook/",
"capabilities": [
"google-chat-chromium-render"
],
"description": "Multi-day forecast as horizontal range bars on one shared temperature axis with gridlines \u2014 lo anchored at the bar's cool end, hi at its warm end, a small drawn weather glyph per row, and a precipitation chip that highlights when precip crosses a wet threshold. The shared axis is what makes a cold/wet day visually collapse relative to its neighbours.",
"representativeQueries": [
"show a multi-day range-bar forecast on one shared temperature axis",
"multi-day forecast as horizontal range bars on one shared temperature axis with gridlines \u2014 lo ancho",
"render a weather outlook"
]
}
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 →