Airspace Command Deck

Full-viewport Toulouse TMA airspace radar display — canvas radar with animated simulated flights, rotating sweep, VOR beacons, and approach paths. HTML/CSS overlay for crisp chyron title, weather panel, flight list HUD, and scrolling ticker. Driven by the toulouse_airspace.yaml playbook via the ?slide= URL parameter. For the Toulouse demo, prefer routing through Code.js _renderAirspaceSlide() which handles live METAR interpolation.

Surfaces
apps-script-webmeet-stage
Fields
FieldType
chyron_titlestring. Top-left headline overlay.optional
chyron_subtitlestring. Top-left subtitle — supports interpolated METAR tags.optional
ticker_textstring. Scrolling bottom bar text.optional
ticker_speedinteger. Ticker scroll speed px/s. Default 45.optional
panel_typestring. supervisor | target | (empty). Controls HUD flight list panel.optional
panel_titlestring. HUD panel heading.optional
lockedCallsignstring. Highlight and add targeting reticle to this callsign.optional
zoominteger. TMA radius shown in nm. Default 35.optional
heightinteger. Canvas height px. Default 520.optional
show_slateboolean. Render calibration boot slate instead of radar.optional
slate_titlestring. Slate heading.optional
slate_descriptionstring. Slate body text.optional
poll_questionstring. If set, renders a vote overlay with bar chart.optional
poll_optionsarray. Array of option strings for the poll.optional
poll_valuesarray. Array of integer vote counts for each option.optional
Example payload
{
  "type": "airspace_command_deck"
}
ARD catalog entry
{
  "identifier": "urn:air:a2uicatalog.ai:atom:airspace_command_deck",
  "displayName": "Airspace Command Deck",
  "type": "application/vnd.a2ui.atom+json",
  "url": "https://a2uicatalog.ai/atoms/airspace_command_deck",
  "capabilities": [
    "apps-script-web",
    "meet-stage"
  ],
  "description": "Full-viewport Toulouse TMA airspace radar display \u2014 canvas radar with animated simulated flights, rotating sweep, VOR beacons, and approach paths. HTML/CSS overlay for crisp chyron title, weather panel, flight list HUD, and scrolling ticker. Driven by the toulouse_airspace.yaml playbook via the ?slide= URL parameter. For the Toulouse demo, prefer routing through Code.js _renderAirspaceSlide() which handles live METAR interpolation.",
  "representativeQueries": [
    "show a Toulouse TMA radar canvas with animated flights, HUD overlay, and live METAR ticker",
    "full-viewport toulouse tma airspace radar display \u2014 canvas radar with animated simulated flights, ro",
    "render a airspace command deck"
  ]
}
← Full ARD catalog Try it live →
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 →