ブラウザ内で完結
CSV・Excelや画像を外部APIへ送信せず、解析から書き出しまで端末内で処理します。
-
0%
自分だけのバーチャートレースを作ろう
このサンプルをカスタマイズするか、自分のCSV・Excelを読み込んで作成できます。
読み込んだデータは外部サーバーへ送信されません
サンプルデータについて
サンプルデータの詳細
各年のStack Overflow Developer Survey回答者のうち、その言語を使用した人の割合。複数回答のため合計は100%になりません。
出典：Stack Overflow Developer Survey 2015–2025
Data licensed under the Open Database License（ODbL）・当サイトにてデータを抽出・加工（加工データもODbL 1.0で提供）
データの見方と2025年調査について
2025年調査は49,009件の回答を使用し、調査期間は2025年5月29日から6月23日です。年によって質問内容、選択肢、回答者層が異なるため、厳密な統計比較ではなく、各年の調査結果における利用率推移としてご覧ください。TypeScriptは2017年、Kotlinは2018年の主要言語チャート掲載時から表示しています。
CSV・Excelをここへドラッグ＆ドロップ
サンプルを参考にCSV・Excelファイルを作成してください
データ確認
数値セルは直接編集でき、変更はグラフへ反映されます。
グラフ設定
グラフ横軸設定
グラフ項目名設定
横棒グラフ設定
その他設定
アイコン画像の割り当て
設定済み 0件
色
テンプレートを選んだあと、パレットや項目ごとの色を自由に調整できます。
カラーテンプレート
用途に合う配色を選択してください。選択後も下の10色を変更できます。
パレットをカスタム
項目ごとの色を最終調整
テンプレートの色を基本に、必要な項目だけ個別に変更できます。
-0%
CSV・Excelに対応
1行目を時間、1列目を項目名とするシンプルな形式で、CSV・XLSX・XLSを読み込めます。
滑らかな順位変化
棒の横方向は一定速度、順位の縦移動にはD3.jsのイージングを使い、見やすく動かします。
バーチャートレースの作り方
CSV・Excelを読み込む
項目名×時間形式のCSVまたはExcelを選択するか、ドラッグ＆ドロップします。
値と見た目を設定
必要な数値を表で編集し、表示件数、配色、速度などを調整します。
再生して保存
順位変化をプレビューし、アニメーションを短辺1080px・60fpsのMP4で保存します。
CSV・Excelから動くランキンググラフを作成
バーチャートレース（bar chart race）は、時間の経過とともに順位が入れ替わるグラフです。売上、人口、スポーツ記録、SNSデータなどの推移を、動く棒グラフとして直感的に伝えられます。
CSV・Excelをそのまま読み込み
CSVに加えてExcelのXLSX・XLS形式に対応しています。先頭シートへ「項目名×時間」の表を用意すれば、列の割り当てなしで時系列ランキンググラフを作成できます。CSV版とExcel版のサンプルも無料でダウンロードできます。
YouTube・SNS向け動画を作成
YouTubeのランキング動画には16:9、TikTokやInstagramリール、ショート動画には9:16を選択できます。1:1と4:5にも対応し、データ推移のアニメーショングラフを高画質MP4で書き出せます。
画像・アイコン付きでも登録不要
項目ごとにPNG画像やロゴを設定できるため、画像付きランキング動画やSNS向けの動くグラフも作れます。無料・登録不要・インストール不要で、日本語のブラウザ画面だけで作業が完結します。
バーチャートレース作成 FAQ
CSV・Excelデータはサーバーへ送信されますか？
いいえ。CSV・Excelの解析、グラフ描画、MP4動画の書き出しはブラウザ内で行います。
どのようなCSV・Excel形式を使えますか？
左上セルを「項目名＼時間」、1行目の残りを時間、1列目の残りを項目名、交差するセルを数値にした形式を読み込めます。CSV、XLSX、XLSに対応しています。
複数シートがあるExcelは読み込めますか？
読み込み対象はExcelブックの先頭シートです。使いたい表を先頭シートへ配置してください。
バーチャートレースの作り方を教えてください。
サンプルCSV・Excelと同じ形式でデータを用意し、読み込んだあとに表示件数、速度、配色、画面比率を設定します。プレビューを確認してMP4動画を保存できます。
YouTube・TikTok・Instagram向けのランキング動画を作れますか？
はい。YouTube向けの16:9、TikTokやInstagramリール向けの9:16、SNS投稿向けの1:1・4:5を選べます。
GIF形式で保存できますか？
GIFには対応していません。対応ブラウザでは短辺1080px・60fpsの高画質MP4動画として保存できます。
登録やインストールは必要ですか？
必要ありません。日本語のブラウザ画面から無料で利用できます。
画像やロゴ付きの動くグラフを作れますか？
はい。各項目にPNG画像やアイコンを割り当て、棒グラフの横へ表示できます。