创建动态条形图赛跑

此工具可幫助您創建動態**條形圖賽跑（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 个时间点以保证流畅性
• 如遇性能问题，可尝试减少数据量 or 降低动画速度