二色対比 歳入歳出フロー サンキー図ジェネレーター

二色対比の歳入歳出フロー サンキー図とは

二色対比の歳入歳出フロー サンキー図は、対立する2つの色族で「入ってくるお金」と「出ていくお金」を表す流向図です。標準的な左 → 右の層状サンキーレイアウトを採用します。左側では歳入の科目が支流のように一段ずつ流れ込み、画面中央に立つ収支の要である細い縦バーへと収束します。要を越えると資金はマゼンタの色族に切り替わり、右へ段階的に広がり、最後は右端で細い糸の一群のように散っていきます——それが最も末端の歳出科目です。要そのものは細い縦バーで、左端のシアンから右端のマゼンタへ変化する水平グラデーションで塗られ、お金がどこから来てどこへ向かうのかが一目で読み取れます。リボンの幅は数値に厳密に比例するため、お金がどこから来て、どの集約段階を通り、どの科目に落ちたのかが図から直接読み取れます。

その視覚言語は一目で分かります。歳入側はすべて同じシアン系、歳出側はすべて同じマゼンタ系で塗られ、両者は中央の要バーで出会います。要バーに施されたシアン → マゼンタの水平グラデーションが、2つの色族の切り替え点を示します。同じ色族の中も単色ではなく、ノードを流量で順位付けして7段階の明暗に割り当てるため、大きな流れは最も太く最も濃く、小さな流れは淡い糸のように細くなります。つまり色の濃さそのものが金額の大きさを示すヒートマップとして機能します。ラベルは列ごとに段階分けし、キャンバス境界への収め込みと衝突回避によって自動的にずらされるため、帳簿が密になっても塊になって潰れません。全体の印象は公式の財政統計年鑑やインフォグラフィックのポスターに近く、報告書・プレゼン・データジャーナリズムに最適です。

機能

• テンプレート駆動・自動階層化：CSV テンプレートをダウンロードし、source,target,value の3列を埋めてアップロードするだけ。ノードの列はフローの階層から自動判定されるため、段階数を手で指定する必要はなく、列数はデータ次第で決まります
• 左 → 右の層状ツートンレイアウト：歳入と歳出の2つの色族が、中央のシアン → マゼンタに変化する要バーで交接します。シアンは左から収束し、マゼンタは右へ分散するため、分断された多段のフロー図ではなく、資金の流れが一本につながって読めます
• 対比する二色配色：流量が最大のノードを予算の要として自動検出し、その上流はすべてシアン、下流はすべてマゼンタ、要バーはシアン → マゼンタの水平グラデーションになり、歳入と歳出の関係が明確になります
• 同系内7段階の濃淡：同じ色族の中ではノードを流量で順位付けし、7段階の明暗に割り当てます。大きな流れほど濃く、細い糸ほど淡く、色の深さが金額の大きさと一致します
• 列ごとの段階ラベルと自動重なり回避：ラベルは列ごとに段階分けし、1列目は名称と数値、最終列は数値を上・改行した名称を下、中間列は名称のみを表示し、衝突回避も行うため、密な科目でも読みやすさを保ちます
• 3種類の二色パレット：シアン–マゼンタ（既定）、ティール–オレンジ、ブルー–レッドをワンクリックで切替。ダークモードでは両族を自動的に明るくしてコントラストを確保します
• ライト / ダーク背景：背景スタイルを切り替えられ、書き出しにも現在の背景が反映されます
• マルチ形式出力：高解像度 PNG（2x ピクセル比）と、デザインソフトで再編集できるベクター SVG をダウンロードできます
• ローカル処理でプライバシー保護：すべてのデータはブラウザ内で解析・描画され、サーバーへアップロードされません

活用分野

• 公的予算と財政均衡：歳入源 → 歳入口径 → 予算の要 → 歳出大分類 → 部局 → 科目。この図の最も典型的な用途です
• 企業の損益とコスト集約：売上源 → 収益認識口径 → 純利益の要 → コスト大分類 → 部門費用 → 詳細科目
• 資金プールと資本構成：自己資金 / 負債 / 増資 → 資金プール → 投資先 → プロジェクト → 具体的支出。色で流入と流出を区別します
• チャネル帰属とマーケティングファネル：流入元 → ランディングページ → コンバージョン経路 → 成約チャネル → 顧客種別
• エネルギーと資源の流れ：一次エネルギー → 変換段階 → キャリアの要 → 消費部門 → 最終用途。入力はシアン、出力はマゼンタで表します
• データジャーナリズムと年次報告：深掘り記事や公的機関の年報に向く、権威的で情報密度の高い歳入歳出フロー

使い方

1. CSV テンプレートをダウンロード をクリックしてサンプルを取得します（46件のサンプルフローが、47ノードの完全な予算サンキー図として開きます）
2. テンプレートの形式で自分のデータを記入します：source,target,value
3. アップロード領域をクリックするか、CSV ファイルをページにドラッグします
4. 左 → 右の層状ツートンサンキー図が自動生成されます。パレットとライト / ダーク背景を切り替えてプレビューできます
5. 任意：図内タイトル 欄にタイトルを入力します（空欄なら非表示）
6. 満足したら PNG をダウンロード または SVG をダウンロード をクリックします

データ形式

フィールド	必須	説明
source	はい	流出するノード名（上流の分類）
target	はい	流入するノード名（下流の分類）
value	はい	そのフローの数値（正の数）。リボンの幅はこれに比例します

制限：最大200行、各段階のノードは24件まで。段階数はデータの階層から自動判定され、CSV に記述する必要はありません。データは一方向の階層構造である必要があり、循環フローがあると警告が表示されます。

注意：同じ名前は図全体で常に1つのノードとして扱われます。段階ごとに同じ分類名を本当に使いたい場合は、Stage1-North と Stage3-North のように接頭辞を付けてください。付けない場合は統合されます。要となるノードは流量が最大のものとして自動検出され、手動で指定する必要はありません。

この図の読み方

まず画面中央にある、色がシアンからマゼンタへ変わる細い縦バーを探してください。それが図全体の収支の要です（サンプルでは「Total public expenditure」12,900）。左側のシアン系が歳入側です。歳入の科目が左から流れ込み、段階ごとに集約されて要バーへ収束し、要に近づくほど帯は太くなります。要を越えると色族はマゼンタに切り替わり、資金は右へ段階的に分散し、右へ進むほど帯は細くなって、最後は右端で細い糸の一群に散っていきます——その糸が最も末端の歳出科目です。要バーに施されたシアン → マゼンタの水平グラデーションが色族の切り替え点で、ここで歳入が終わり歳出が始まります。色族が切り替わる地点が歳入と歳出の境界です。シアンは入るお金、マゼンタは出ていくお金を意味します。同じ色族の中では、色が濃く帯が太いほど金額が大きく、線のように細い淡い帯はごく小さな科目です。ラベルは1列目がノードの左側に名称と数値、最終列が右側に太字の数値を上・改行した名称を下、中間列は名称のみを幅制限しつつ改行して表示し、重なりは自動回避します。正確な数値は、リボンやノードにカーソルを合わせると表示されます。

Gotokit について

Gotokit は、シンプルで高速、そして美しいオンラインツールを提供しています。この二色対比の歳入歳出フロー サンキー図ジェネレーターは ECharts 標準の sankey レイアウトで左 → 右の層状ツートン版を描画し、登録不要ですぐに使え、すべてのデータをブラウザ内でローカル処理するためプライバシーが守られます。