資料視覺敘事元件

下鑽統計網格：KPI 磚牆網格中點擊任一磚塊即在其所在列下方展開全寬詳情區塊，其餘磚塊以 FLIP 讓位下移，再次點擊收回原網格。

註解數據主視覺：以單一巨型數字撐滿首屏的 hero 版面，SVG 引導線從數字各部位動畫延伸至周邊註解卡，滾動時引導線逐條描繪、註解依序浮現。

權重指標牆：整面 KPI 磁磚牆，每塊磁磚的 grid 跨欄跨列尺寸依數值權重自動計算（數字越大版面越大），進場時由大到小瀑布式浮現，hover 展開明細層。

年度脈動格：GitHub 風的整年 365 日格牆作為互動導覽：載入時波浪掃過點亮強度色階，hover 單日浮出事件卡，點擊日格可過濾聯動旁欄清單。

排名洗牌榜：排行榜元件：資料更新時列以 FLIP 動畫互換位置、名次升降箭頭閃動、前三名自動升起頒獎台頭部，支援自動輪播更新模式。

圖標比例格：「每 X 人中有 Y 人」的 isotype 圖標方陣：數百個小圖示排成格陣，對應比例的圖示隨滾動波浪式變色點亮，並可逐步驟切換不同比例敘述。

猜測落差揭曉：先讓讀者拖曳滑桿或畫出趨勢線猜答案，放手後真實數據以動畫揭曉，並以色塊標示「你的猜測 vs 真實」的落差與其他讀者的猜測分佈。

多維度雷達圖：進場繪製動畫、hover 頂點數值、雙資料疊比

多期名次連線圖：曲線描邊動畫、hover 高亮單一項目路徑

指針儀表盤：spring 擺動指針、分段色弧、數值滾動

權重字雲：字級映射權重、螺旋佈局、hover 浮起顯示數值

事件沿同心軌道環繞排列，選中事件展開詳情卡

SVG 轉換漏斗：分層梯形生長進場、層間轉換率標籤、hover 高亮與提示、橫向直向雙模式

桑基圖：節點欄位自動佈局、流帶寬度按值等比、漸層流動動畫、hover 追蹤整條路徑並淡化其他（自寫佈局，無 d3）

導航 App 風格的路線地圖卡：格線底圖與確定性街道、路線逐段描繪、導航點沿線前進、街名依序淡入，附 ETA 讀數。

兩條或多條時長以同一比例尺生長比較，例如 30 分鐘對六週，單位自動換算並顯示倍數差距，適合「省下多少時間」的敘事。

資料驅動的十一種 SVG 圖解：樞紐分流、泳道序列、循環、時間軸、放射分支、漏斗、層級金字塔、錨點標註、分支揭露、四象限與文氏圖，進場皆以描線與節點依序登場。

以零軸為中心的雙向長條圖：收入向上、支出向下，進場自零軸生長，hover 或鍵盤聚焦顯示當期淨額。

甘特感的事件區段圖：多條泳道上的時間區段條，拖曳或方向鍵平移瀏覽，hover 或聚焦展開事件卡。

多層堆疊長條圖：點擊圖例收合某一層，其餘層以彈簧下沉補位、座標軸同步重算，hover 顯示該欄組成。

多條折線搭配右側即時摘要欄：線條以描邊動畫畫出，游標移動時摘要欄的數值與變化率逐位滾動到該時點。

兩組序列並排的成對長條圖：切換期間時長條以 layout 動畫重新排序與伸縮，hover 顯示兩者差距。

即時捲動的頻譜／熱度帶：canvas 逐幀繪製頻段強度瀑布圖，可暫停、hover 讀值，離開視口自動停止。

可編輯的試算表網格：方向鍵移動選取、雙擊或 Enter 編輯、公式列顯示原始內容、支援簡易公式，首列首欄凍結。

可平移縮放的系統架構圖：節點與連線由資料產生，群組可展開收合，選取節點時高亮相連路徑並顯示詳情。

力導向的知識關聯圖：由 Markdown 或結構資料產生節點與連線，星座般的暗色畫布可拖曳縮放、搜尋，點選節點查看出處引用。