バブルコード図ジェネレーター

無料のオンラインバブルコード図ジェネレーター。2セクション構成のCSV（最初に source,target,value の関係行、空行の後に name,size,color のノード指標）をアップロードすると、計量書誌学の共著ネットワークと同じスタイルの図を生成：円周上に並ぶバブルでサイズ＝ノード規模、ミント→ブルーの塗り＝強度を表現し、中央に向かって湾曲するコードの太さが関係の強さ。HD PNG / SVG 出力（透かしなし）。24カ国・46件の共同研究サンプルデータ付き。

バブルコード図とは

クラシックなコード図の視覚的進化版です。各ノードの値を「弧の長さ」で表す代わりに、各ノードを円周上のバブルにします——直径が第一指標、塗りがミント→ブルーの連続カラーマップで第二指標を担い、コードはペアの強さだけを表現します。リング自体は値を符号化しないため、約30ノードでもラベルが円の外側に放射状にきれいに並びます。科学文献の共著ネットワークで広く見られる描き方です。

できること

• 2セクションCSV — 関係行 source,target,value（最大120行）＋ ノード指標 name,size,color（任意）。
• 二重エンコード — バブル半径は size の平方根でスケール、色は color を5段階カラーマップに正規化。
• 向心コード — 各リンクは両端のバブルから中央へ湾曲し、線幅が value に比例。
• 放射ラベル — ノード名はリング外側を半径方向に配置、左半分は反転して可読性を確保。
• ライト / ダーク — ワンクリックで背景切替、プレビュー通りの書き出し。
• PNG / SVG 出力 — PNGは2倍解像度、SVGはベクター、透かしなし。すべてブラウザ内で処理。

使い方

1. ページを開くと24カ国のサンプルが表示されます。自分のCSVをアップロード／ドラッグ（または「サンプルを読み込む」）。
2. 必要に応じてライト / ダークを切替。
3. 「PNG を保存」または「SVG を保存」で画像を保存。

CSVテンプレート（空行で区切った2セクション。Excel文字化け防止のため ASCII テキストのみ）：

source,target,value
USA,China,210
USA,Germany,180
USA,France,120
Germany,France,95
Japan,China,92

name,size,color
USA,750,42.0
China,700,39.0
France,380,41.0
Japan,300,40.0

活用シーン

• 共同研究ネットワーク — 国・機関の共著量＋各ノードの生産性と影響度。
• サプライチェーン — 取引先間の協力額＋各社の規模と評価。
• 組織・チーム — 部門間の往来回数＋人員規模と活動量。
• 国際関係 — 国間の貿易・移民フロー＋経済規模と一人あたり水準。
• オープンソース — プロジェクト間の依存強度＋スター数とコントリビューター活性。

注意

.csv ファイルに対応。重複リンクは自動累積、自己ループは無視、指標未記入ノードは合計フローに自動フォールバック。ノード数2〜40。PNGは2倍解像度、SVGは拡張可能なベクター形式。

---

最終確認：2026-09-03

このグラフの読み方

3つのチャネルを見ます：① バブルが一番大きい = 規模最大（右上の同心円凡例が 1/3・2/3・フル値を示します）；② 塗りが一番濃い = 強度最高（右上グラデーションバーの両端がデータの最小値・最大値）；③ コードが一番太い = 関係が最強。バブルの色はノード自身の第二指標、コードの太さは関係の強さという別次元です——大きくて淡いバブルは「ボリュームは多いが品質は平均的」という意味になりえます。