創建動態條形圖賽跑

此工具可幫助您創建動態**條形圖賽跑（Bar Chart Race）**可視化效果，純前端運行，數據絕不上傳服務器，絕對安全。

🎯 核心特點

1. 數據隱私保護

• 所有數據處理在瀏覽器本地完成
• 無需上傳到服務器
• 符合 GDPR 等隱私法規要求

2. 性能強悍

• 基於 Apache ECharts 5.x
• 開啟 realtimeSort: true 實現絲滑流暢的動態排序動畫
• 支持大數據量渲染

3. 易於使用

• 支持拖拽上傳 CSV/Excel 文件
• 自動解析數據
• 一鍵播放動畫

📊 數據格式

標準格式（含圖片）：

Name,Category,Image URL,0,1,2,3,4,5,...
A,B,https://example.com/a.jpg,0,5,10,15,20,...
A,B,https://example.com/b.jpg,0,3,8,12,18,...
A,B,https://example.com/c.jpg,0,7,14,21,28,...

簡化格式（不含圖片和分類）：

Name,0,1,2,3,4,5,...
Item A,10,20,30,40,50,...
Item B,15,25,35,45,55,...

字段說明：

• Name：參賽者/類別名稱（必填）
• Category：分組標籤（可選，用於顏色分組）
• Image URL：圖片鏈接（可選，顯示在柱狀條末端）
• 數字列（0,1,2,...）：時間點，每個單元格為該時刻的數值

🎬 使用方法

1. 準備數據：按上述格式準備 CSV 或 Excel 文件
2. 上傳文件：拖拽文件到上傳區域或點擊選擇
3. 播放動畫：點擊播放按鈕觀看動態賽跑效果
4. 調整設置：
   • 調節播放速度（0.5x, 1x, 2x）
   • 拖動進度條跳轉到指定時間點
   • 點擊隱藏控制面板（便於錄屏）

📹 錄屏建議

如需導出視頻，建議使用專業錄屏工具：

• Windows: OBS Studio, Xbox Game Bar
• macOS: QuickTime Player, OBS Studio
• 在線工具: Loom, ScreenPal

隱藏控制面板後可獲得更乾淨的錄製效果。

⚠️ 注意事項

• 圖片 URL 需可公開訪問（支持 HTTPS）
• 建議數據點不超過 100 個時間點以保證流暢性
• 如遇性能問題，可嘗試減少數據量或降低動畫速度