在 Antigravity 協助下進行視覺化

身為開發者，我們經常在終端機使用者介面 (TUI) 與文字優先的環境中工作。文字介面很適合日常開發，但不總是能以易於理解的方式傳達複雜的架構關係或內容。

搭配 生成式 UI 以及 Google Antigravity 中的視覺工具，代理現在可以即時建立、轉譯與反覆調整豐富的視覺元件、動態儀表板、互動式產出物與設計模型。

Antigravity 中的視覺化

使用視覺化能幫助我們以文字無法傳達的方式呈現資料並理解資料。例如，能在折線圖中看到時間序列資料，可幫助我們發現只看數值表格可能會錯過的趨勢與模式。

透過這種新的資訊傳達方式，我們能對程式碼與整體程式碼庫做出更明智、更準確的決策。當我們能直接在代理管理員中看到資料的視覺呈現時，也減少了在不同畫面之間切換的次數。

Antigravity 中生成式 UI 的主要功能

互動式視覺產出物

Antigravity 代理可以產出豐富的產出物——從互動式 HTML/CSS/JS 元件到即時圖表與圖解。您不必想像元件的外觀，可直接在產出物預覽面板中與其互動。

零相依視覺化

在 Antigravity 中使用生成式視覺化，可讓代理產生零相依性的視覺化內容。視覺化內容直接在您的機器上呈現，無需下載額外的套件或相依性，並可離線執行，讓您匯出產出物並稍後載入。

複雜資料視覺化

Antigravity 代理可以建立視覺化，幫助我們看見並理解複雜資料。我們知道表格資料可能難以消化，因此我們希望提供能建立易於理解、易於互動的資料視覺化呈現的代理。

如何開始使用

依照以下步驟在你自己的專案中探索生成式視覺化：

1. 在 Antigravity 中開啟您的專案。
2. 要求您的代理為元件製作原型或視覺化資料流（例如 「幫我視覺化專案中的相依性」）。您也可以 使用 /generative_ui 指令以建立新的視覺化。
3. 審查產生的產出物預覽、按一下以檢查元素，您甚至 可以使用側邊面板 與產出物檢視器，將產出物匯出為獨立的 HTML 檔案。

查看我們的文件以深入了解產出物與視覺代理工作流程：