資料視覺敘事元件
數字滾動、進度環、迷你圖、比較滑桿、指標卡。把數據講成一個有順序的故事,而不是丟一張圖表。
共 12 個,其中 11 個免費、不需登入即可安裝。
下鑽統計網格:KPI 磚牆網格中點擊任一磚塊即在其所在列下方展開全寬詳情區塊,其餘磚塊以 FLIP 讓位下移,再次點擊收回原網格。
註解數據主視覺:以單一巨型數字撐滿首屏的 hero 版面,SVG 引導線從數字各部位動畫延伸至周邊註解卡,滾動時引導線逐條描繪、註解依序浮現。
權重指標牆:整面 KPI 磁磚牆,每塊磁磚的 grid 跨欄跨列尺寸依數值權重自動計算(數字越大版面越大),進場時由大到小瀑布式浮現,hover 展開明細層。
年度脈動格:GitHub 風的整年 365 日格牆作為互動導覽:載入時波浪掃過點亮強度色階,hover 單日浮出事件卡,點擊日格可過濾聯動旁欄清單。
排名洗牌榜:排行榜元件:資料更新時列以 FLIP 動畫互換位置、名次升降箭頭閃動、前三名自動升起頒獎台頭部,支援自動輪播更新模式。
圖標比例格:「每 X 人中有 Y 人」的 isotype 圖標方陣:數百個小圖示排成格陣,對應比例的圖示隨滾動波浪式變色點亮,並可逐步驟切換不同比例敘述。
猜測落差揭曉:先讓讀者拖曳滑桿或畫出趨勢線猜答案,放手後真實數據以動畫揭曉,並以色塊標示「你的猜測 vs 真實」的落差與其他讀者的猜測分佈。
多維度雷達圖:進場繪製動畫、hover 頂點數值、雙資料疊比
多期名次連線圖:曲線描邊動畫、hover 高亮單一項目路徑
指針儀表盤:spring 擺動指針、分段色弧、數值滾動
權重字雲:字級映射權重、螺旋佈局、hover 浮起顯示數值
事件沿同心軌道環繞排列,選中事件展開詳情卡