動畫圖表，以程式碼建立
從空白頁面開始的三個提示：建立它、再次檢查外觀、匯出它。
開始之前： 如果存在，請閱讀 brand.md 和 MOTION.md。如果不存在，請先執行 brand-intake，或詢問十六進位色碼、字型和標誌檔案。在沒有這些資訊之前，切勿稱結果為「符合品牌形象」。
步驟 1：詢問數字，然後等待
獲取標題、標籤、確切數值，以及這些是實際結果還是範例數據。範例數據需在每個影格上標示「示意數據」標籤。切勿四捨五入、重新格式化或新增任何數字。
提示 1：建立它
我想要一個用於 LinkedIn 貼文的動畫圖形。請將其建立為一個可以在瀏覽器中開啟的單一 HTML 檔案。
標題：「[TITLE]」。[如果是範例數據：保持「示意數據」可見。]
數值：[LABEL 1: VALUE 1], [LABEL 2: VALUE 2], …
動畫包含四個狀態：
1. 起始：[初始畫面樣貌]。
2. 變化：[唯一會移動的元素]。沒有任何元素淡出後被取代。
3. 停留：完成的圖表，並標註[重點數值]。
4. 回歸：平順地回到起始狀態，使循環沒有跳躍感。
時間安排：總長 8 秒。變化約 2 秒，停留 4 秒，回歸 1.5 秒。
外觀：背景色[BG]、文字色[TEXT]、強調色[ACCENT]、字型[FONT]。不使用外部字型或圖片。無漸層、無光暈、無彈跳效果。
尺寸：1080 x 1350 像素。
建立規則：
- 僅根據時間計算每個影格。新增 window.seek(seconds)。
- 標題、標籤和座標軸永不移動。只有圖表本身變化。
- 最後一個影格必須與第一個影格完全一致。
建立完成後，請在 0、1、2、4 和 7 秒處截圖。檢查是否有文字重疊或被裁切。修正發現的問題，並告訴我你做了哪些變更。
提示 2：再次檢查外觀
檢查這五個捕獲的影格以及循環邊界。確認數值保持不變、標籤可讀、無元素重疊，且每個元素僅在應該出現的時候出現。僅回報你實際觀察到的問題。修正任何發現的問題，保留先前的版本，並重新捕獲相同的影格。如果沒有發現問題，請說明，並不要無中生有地進行修改。
提示 3：匯出它
現在將其轉換為可以發布的影片和 GIF。使用這台電腦上已安裝的工具。如果需要安裝任何尚未安裝的軟體，請先停止並告知我需要安裝什麼。提供一個 MP4（1080 x 1350，8 秒）和一個無限循環的 GIF。然後展示完成的 GIF 中的三個影格，讓我檢查結果是否正確。