グループ流向コード図ジェネレーター

無料のオンライン グループ流向コード図ジェネレーターです。source,target,value の3列 CSV をアップロードすると、「多数のソースが少数のグループへ流れ込む」関係を1つのリングに描きます。左側の小さな弧の並びがすべてのソース（同じ紫で統一）、右側の大きな弧の層がグループ（1色ずつ、右の縦並び凡例と対応）で、弧の角度幅はノードの合計量、中央にはターゲットグループで色分けした半透明リボンが渡ります。開いた時点で初期サンプルが描画され、高解像度 PNG / SVG を書き出せます。

グループ流向コード図とは

通常のコード図はすべてのノードを同じリング上に対等に並べ、中央のリボンで「どのペア間にどれだけ流れているか」を表します。グループ流向コード図は構造の分業を導入します。つまりデータが2部構造（片側に数の多い小さなソース、もう片側に数の少ない大きなグループ）であることを前提とし、リングを半円ずつに分けます。左半分はソース、右半分はグループに割り当て、各ノードは自分の総流量に比例した角度幅の弧を持ちます。

利点は読み取り経路がとても短いことです。「グループ A は何から成るのか」を知りたければ、A の弧から内側へ目を向けるだけです。A を指すリボンはすべて同じ色なので、構成比が一目で分かります。「このソースはどこへ行くのか」を知りたければ、左の小さな弧から出ていくリボンを追います。弧の中は白い仕切りで流量に比例した区画に分かれており、区画の数がそのノードの接続相手の数になります。

できること

• 3列 CSV のアップロード：source,target,value、1行が1本の流れです。ソース名とグループ名の集合は重複できません。これが2部構造の定義です。
• 2部レイアウトの自動生成：ソース弧は左半円、グループ弧は右半円に集まり、角度幅は合計量で配分され、リボンはターゲットグループの色で塗られます。
• 右側のグループ凡例：各グループに色チップ・名前・合計量が付き、弧とリボンと同じ色で対応します。
• グループ弧内の白い仕切り：グループ弧は流入する流れで区切られ、寄与しているソースの数を数えられます。
• 初期サンプル＝テンプレート：CSV テンプレートをダウンロードして再アップロードすると、画面と完全に同じ図が得られます。
• ライト / ダークモード：ダークモードは背景と文字コントラストのみを変え、図の構造は変えません。
• PNG / SVG 出力：レポート、スライド、ポスター、ダッシュボードにそのまま使えます。
• ローカル処理：解析も描画もブラウザ内で完結し、アップロードされません。

使い方

1. ページを開くと初期サンプルが即座に描画されます。14 のソースが AAA〜HHH の 8 グループへ流れ込みます。
2. 自分の CSV をアップロードするか、テンプレートをダウンロードして形式を確認してください。最大200行、ソース≤24、グループ≤12です。
3. リボンにカーソルを合わせると「ソース → グループ : 値」が表示されます。グループ弧ではそのグループの合計が出ます。
4. ライト / ダークを切り替えてから PNG または SVG を保存します。

CSV の例：

source,target,value
ppp,AAA,420
ppp,CCC,260
aaa,AAA,380
aaa,BBB,240
ccc,BBB,340
ccc,EEE,200

向いている領域

• サンプル分類：シーケンス検体・試験検体・プレイヤーなどがどのカテゴリに入るか、各カテゴリが何で構成されるか。
• チャネル帰属：多数のチャネルやランディングページが少数のコンバージョン種別へ集まる構造。
• キーワードのトピック割り当て：数千のキーワードが少数のトピッククラスタへ配分される様子。
• 資産グループ：口座や保有銘柄を資産クラスやリスク階層でまとめ、構成を見る。
• バッチの行き先：生産ロットが少数の倉庫や受注プールへ流れる集中度。
• 物流と再配分：多数の出荷拠点が少数の地域ハブへ集まる構造。
• クラスタ結果の確認：クラスタラベルをグループとして扱い、各クラスタの構成要素を点検する。

補足

中心にある考え方は2部構造と所属関係です。ソースとグループは種類が異なり、数も役割も大きく違うため、1つのリングに混ぜず半円ずつに分けています。したがって「多から少へ」の流入データに最適です。両側の規模が同程度でペア間の流量の強さを見たい場合は通常のコード図が向いており、区間の座標対応（どの区間がどれに対応するか）を残したい場合は Circos 共線性コード図を選んでください。グループ数がパレットの容量を超えると色が循環して再利用されるため、グループの統合をおすすめします。上限は厳密に12です。

---

最終確認：2026-09-12

この図の読み方

まず右側の縦並び凡例を見てください。各グループの色と合計量が並んでおり、それがあなたの分類体系です。次に右側の大きな弧の層を読みます。1本の弧が1つのグループで、弧が長いほど合計量が大きく、弧を区切る白い仕切りが流入元のソースを示します。続いて左側の紫の小さな弧の並びを見ます。1本が1つのソースで、その長さがそのソース自身の合計量です。最後にリボンを読みます。色が行き先のグループ、幅がその流れの量を表し、同じ小さな弧から出るリボンを合計するとそのソースの行き先構成が分かります。