Delta 變異顯示
顯示「和基準比差了多少」。
在 Storybook 開啟三重編碼
箭頭 ▲▼ ＋ 文字 ＋ 顏色。 顏色是三者中最弱的一環：
- 約 8% 男性有紅綠色覺障礙
- 後台報表幾乎一定會被灰階印出來存檔
所以箭頭與文字必須自己就能把話說完，顏色只是加速。
變異顯示
本月營收與上月比較：增加 128,400
誤差數（越少越好）：超出 340
交期落差：提前 3 天
與上期持平：— 持平
goodWhen：好壞是業務決定，不是數學決定
「差異 +100」可能是好（餘裕充足）也可能是壞（累積過多）。 元件不猜，由呼叫端明確告訴它哪個方向算好。
✅ 這樣做
每次用 Delta 都想一次：這個數字變大，對使用者是好消息還是壞消息？
🚫 不要這樣
不要預設「正值＝綠色」。成本、延遲、退貨率的正值都是壞消息。
零值也要說話
value === 0 顯示「— 持平」，而不是空白或 0。
空白會讓人以為資料沒載入；0 會讓人以為是計算結果為零（可能是錯的）。
取用
npx shadcn@latest add https://kielchang.github.io/dooping-design-book/r/delta.json