バーチャートレースジェネレーター
ブラウザで美しいバーチャートレースアニメーションを作成。CSV/Excelファイルをアップロードしてデータレースを可視化。100%クライアントサイド実行、データ流出なし。
動的バーチャートレースを作成
このツールは、ブラウザで完全に動作する動的な**バーチャートレース（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,...）：タイムポイント、各セルはその時点の数値
🎬 使い方
- データの準備：上記のフォーマットに従ってCSVまたはExcelファイルを準備します
- ファイルのアップロード：ファイルをアップロードエリアにドラッグするか、クリックして選択します
- アニメーションの再生：再生ボタンをクリックして、動的なレースを確認します
- 設定の調整：
- 再生速度の調整（0.5x, 1x, 2x）
- プログレスバーをドラッグして特定の時点にジャンプ
- コントロールパネルを非表示にする（画面録画に便利）
📹 録画のアドバイス
ビデオを書き出す場合は、専門の画面録画ツールの使用をお勧めします：
- Windows: OBS Studio, Xbox Game Bar
- macOS: QuickTime Player, OBS Studio
- オンラインツール: Loom, ScreenPal
コントロールパネルを非表示にすると、よりクリーンな録画結果が得られます。
⚠️ 注意事項
- 画像URLは公開アクセス可能である必要があります（HTTPS対応）
- スムーズな動作のため、データポイントは100個以内にすることをお勧めします
- パフォーマンスの問題が発生した場合は、データ量を減らすかアニメーション速度を下げてみてください