エネルギーフロー サンキー図オンライン生成ツール
エネルギーフロー サンキー図オンライン生成ツール を使う
GotoKitのすべてのツールはオンラインで直接動作し、ダウンロード不要です。
固定 CSV テンプレートをアップロードして「エネルギー源 → 変換キャリア → 最終用途」の自由深度エネルギー流サンキー図を生成。各ノードに大地系の多色配色、リボンはソース色 → ターゲット色のグラデーションを超低不透明度（約0.2）で重ね、重なった流量は自然に濃くなります。すべてのノードのラベルはバーの右側に垂直中央合わせで配置し、フローを隠すピル背景なし。大きな太字タイトル付き。ライト / ダーク背景、PNG / SVG 出力。
このツールについて
エネルギーは総量だけ見ると行き先が見えません。このサンキー図は「ソース → キャリア → 用途」を追跡可能な経路として一本につなぎます。各ノードが大地系の色を取り、リボンはソース色からターゲット色へ約0.2の低不透明度で変化して重なりが層を成し、全ラベルはバーの右側に垂直中央合わせ・ピルなしで配置され、リボンが見やすいままです。大地色の配色とすっきりしたレイアウトは公式統計を思わせ、エネルギー勘定・カーボン分析・業界レポートに最適です。
- 高画質 PNG / SVG で書き出し、編集も可能
- 複数テーマをワンクリックで切替
- ライト / ダーク両対応
- 無料・透かしなし・回数制限なし
汎用的な作図ワークフローとの比較
| 比較項目 | このツール | 一般的な代替手段 |
|---|---|---|
| ビジュアルの方向性 | 特定の図法に最適化 | 汎用的だが設定が多い |
| 書き出し | PNG/SVG の高速書き出し重視 | 形式は多いが手順は重い |
| 向いている場面 | スライド・特集ページ・SNS ビジュアル | 複雑な分析図をゼロから構築 |
説明
エネルギーフロー サンキー図とは？
エネルギーフロー サンキー図（Energy Flow Sankey Diagram）は、エネルギーがどこから来て、どう変換され、最終的にどこへ使われるかを追跡するための多段階の流入・流出チャートです。チェーン全体をノードの列に分解します——典型的には、最初の列にエネルギーの源（原子力、化石燃料、再生可能エネルギー、輸入エネルギーなど）、中間に変換とキャリアの段階（発電、精油所、ガスネットワーク、地域熱供給、採掘）、最後の列に最終用途（運輸、産業、民生、暖房・冷房、損失と輸出）を置きます。リボンの幅は値に比例し、各列は厳密に保存されるため、各段階で分割・再結合・損失したエネルギーを一目で読み取れます。
ポスター型の多段階サンキー図とは異なり、このエネルギー寄りのスタイルは公式統計に近い見た目です：ノードは細い直角の縦バーで、大地系多色の配色（緑・青・オリーブを基調に、マゼンタ・赤・琥珀をアクセント）。リボンは単色ではなく、各リボンが流れに沿ってソースノード色からターゲットノード色へ滑らかに変化し、約0.2の低不透明度で描画されるため、重なったフローは自然に濃く層を成します。何より重要なのは、各ノードラベルがバーの右側に垂直中央合わせで配置され、背景のピルがないため下のリボンを一切覆わないことです。清潔で情報密度の高いレイアウトは、厳格なエネルギー報告や政策資料に適しています。
機能
- テンプレート駆動、自動レイヤリング：CSVテンプレートをダウンロードし、
source,target,valueを埋めてアップロードすると、フローの階層から各ノードの段階を自動的に導出——段階指定は不要 - 深い自由深度：最大200行・各段階20ノードまで。ソース → キャリア → 用途の5列以上のチェーンにも対応し、2列や自由深度の構造とも互換
- ソース → ターゲットのグラデーションリボン：各リボンはソース色からターゲット色への水平グラデーションを自動計算し、約0.2の不透明度で描画、重なりは自然に濃くなる
- 右寄せラベル、背景なし：全ラベルをバーの右側に垂直中央合わせで配置し、ピル背景なし——リボンは完全に見える
- 大地系多色配色：緑・青・オリーブを基調にした20色シーケンスで、数百のフローでも区別できつつ全体としてまとまる
- 3配色 + ライト / ダークモード：アースマルチ・エレガントクール・モランディウォームをワンクリックで切替。ダークモードは暗背景向けに色を明るく（エクスポートは背景色を同梱）
- 複数形式のエクスポート：高解像度PNG（2x画素比）とベクターSVG、デザインソフトで再編集可能
- ローカルプライバシー：すべてのデータはブラウザ内で解析・描画され、アップロードされません
適用領域
- エネルギー統計・勘定：一次エネルギー → 変換 → 輸配 → 最終消費まで、発電・暖房・運輸・産業の消費と損失を完全に表現
- カーボン・再生可能分析：石炭・ガス・石油・原子力・風力・太陽光・バイオマスを用途別に分解し、脱炭素・エネルギー転換の議論を支援
- 国・部門のエネルギー報告：白書や年次報告向けの厳密で情報密度の高い全体図
- 予算・資金フロー：全体予算 → 部門 → プロジェクト → 用途、各単位がどの段階で再配分されるかを可視化
- サプライチェーン・物流：供給元 → 中継 → ハブ → 最終市場、段階的な分配を示す
- データジャーナリズム・研究：プロフェッショナルで大地色の多段階フローチャートを特集記事や論文向けに作成
使い方
- 「CSV テンプレートをダウンロード」でサンプルファイル（完全なソース → キャリア → 用途のチェーンを含む）を取得
- テンプレートの形式に合わせてデータを入力：
source,target,value - アップロード領域をクリックするか、CSVファイルをページへドラッグ＆ドロップ
- エネルギーフロー サンキー図が自動生成——配色やライト / ダークモードを自由に切替
- 必要に応じて「図内タイトル」にタイトルを入力（既定では大きな太字タイトルが表示）／空欄で非表示
- 満足したら「PNG をダウンロード」または「SVG をダウンロード」をクリック
データ形式
| フィールド | 必須 | 説明 |
|---|---|---|
| source | 必須 | 流出ノード名（上流のソース / キャリア） |
| target | 必須 | 流入ノード名（下流のキャリア / 用途） |
| value | 必須 | フロー量（正の数）；リボン幅はこれに比例 |
制限：最大200行、各段階20ノードまで。段階数はフロー階層から自動導出され、データは一方向の階層構造が必要です——循環フローは警告になります。
注意：同名のノードは統合され1つのノードとして扱われます。段階ごとに同じ分類名を使う場合は、Stage1-Coal と Stage3-Coal のように接頭辞を付けて区別してください。
この図の読み方
段階を左から右へ読みます：まずソースが合計をどう分割するかを見て、次にリボンをたどって各単位のエネルギーがどのキャリアを通過し、どの最終用途に届くかを確認します。各列は保存されるため、任意のリボン幅は絶対流量とシェアの両方を表します。大地色の配色はソースの分岐を区別し、グラデーションの向きが各フローの出発点と到達点を示します。リボンやノードにカーソルを合わせると正確な値が表示されます。
Gotokit について
Gotokit はシンプルで効率的かつ美しいオンラインツールを提供しています。このエネルギーフロー サンキー図ジェネレーターは ECharts エンジンを採用し、登録不要・すぐ使える・完全ローカル処理でプライバシーを保護します。
よくある質問
CSV は何列必要ですか？段階数はどう決まりますか？
3列固定です：source,target,value。段階数の指定は不要で、フローの階層から各ノードの段階を自動判定し、各層は1つ以上のノードを持てます。最大200行、各段階20ノードまで。
リボンの色はどう決まりますか？なぜ薄いのですか？
各ノードは現在の大地系配色から順番に色を取り、リボンは水平方向にソースノード色からターゲットノード色へ変化しながら、不透明度約0.2で描画されます。この低不透明度は意図的で、重なったフローを自然に濃くして、単一のリボンが目立ちすぎるのを防ぎます。
同じ名前が別の段階に現れるとどうなりますか？
同名のノードは同一ノードとして統合されます。エネルギー系データでは Coal や Gas などの用語が複数段階に現れることがあるため、区別したい場合は Stage1-Coal と Stage3-Coal のように接頭辞を付けてください。
このチャートはスライド・レポート・SNS のどれに向いていますか？
どれにも使えますが、重視点が違います。スライドは読みやすさ、レポートは構造と注釈、SNS は密度と見映えが重要です。用途に合わせて配色・ラベル・書き出しサイズを調整してください。
PNG と SVG はどう使い分ければよいですか？
スライドや SNS、メッセージ用途なら PNG が扱いやすく、編集継続や印刷、デザインシステム組み込みには SVG が向いています。SVG 非対応の配信先では高解像度 PNG を使ってください。
一般的なグラフツールとの違いは？
これらのツールは特定の図法やレイアウトに最適化されているため、短時間で完成度の高い見た目に到達しやすいです。汎用ツールは柔軟ですが、設定や調整の手間が増えやすいです。
スマホやタブレットでも使えますか？
多くのツールはモバイルブラウザでも動作しますが、複雑な図表や大きなファイル、細かなドラッグ操作はデスクトップの方が快適です。
単発作業向きですか、それとも継続ワークフロー向きですか？
素早い単発作業や確認、仮の書き出しに強いです。継続自動化やチーム協業、深い統合が必要な場合は、別のデスクトップソフトやスクリプトと組み合わせるのが一般的です。
デザインのおすすめ
デザインの全ツール円形エビデンスネットワーク図ジェネレーター
患者数と比較ごとの研究数を独立して入力した CSV から円形エビデンスネットワーク図を生成。円の面積は患者数、曲線の太さは研究数を表示。ローカル処理、ライト・ダーク表示、PNG/SVG 保存に対応し、統計解析は行いません。
Pantoneカラーピッカー
色を選択して近似Pantone色を提示。HEX/RGB表示、コピー、検索リンクに対応。
カラーホイールスタジオ
iro.js ベースのカラーピッカー。色相ホイール、HEX/RGB/HSL/HSV 表示、コピー、パレット保存に対応。
配色スキームジェネレーター
iro.js カラーホイールと HSL アルゴリズムによる配色生成、7 つの配色ルール、UI プレビュー、ワンクリックエクスポート。
パントーン+CMYK+RGB 印刷配色ツール
150色以上のパントーンカラーを搭載した印刷配色ツール。2-5色コンビ、パントーン自動マッチング、CMYK実時間計算、コート紙プレビュー。
オンライン グラデーションアート生成ツール
Art of the Gradient に着想を得たオンラインツール。多層放射グラデーション、ブレンド、ランダム生成、CSS コピーに対応。
オンライン弦図生成ツール - 無料円形関係図
円形のコード図でペア間の関係を読み取る：ノードが円周に並び、弧の長さが各ノードの総流量、リボンの幅と色が2ノード間のつながりの強さを表します。移動・貿易・通話・引用などの関係データに最適。3テーマ、PNG / SVG 出力、すべてローカル処理。
雅致な日付分布リングバブルチャート
1年分のイベントを同心円の日付リングにマッピング（外側に月、内側に向けて日）し、各イベントを柔らかいグラデーションバブルとしてカレンダーセル上に浮かべます。上品な低彩度配色、ライト / ダーク背景、PNG / SVG 出力。
二色グラデーション No.1 ナイチンゲールローズチャート
花びらが左右非対称のグラデーションで同心円状に広がるナイチンゲールローズチャート生成ツール。中心に年号文字を置け、ライト / ダーク背景と PNG / SVG 出力に対応、すべてブラウザ内で処理します。
ポスター風2カラム サンキー図ジェネレーター
ポスター品質の2列サンキー図：左側ノードは鮮やかな色、右側ノードは流量に応じたグレースケールで塗り分け、各フローバンドに名前・値・割合を直接表示。レイアウトが整っておりポスター主役にも最適。ライト / ダーク背景、PNG / SVG 出力。
ストリームグラフ生成ツール - 無料オンライン河川グラフ作成
時系列に沿って揺れるゼロ基線の上下に各系列が対称に積み重なる滑らかなストリームグラフ。層が川の流路のように波打ち、全体に占める各部分の経年変化の比較に最適。2〜16系列、3〜40行、ライト / ダーク背景、PNG / SVG 出力。
モランディ配色オンラインストリームグラフ生成ツール - 青〜ピンクの河川グラフ
モランディのブルー〜ピンク配色のストリームグラフ（ThemeRiver）。低彩度の紺・灰青・くすみピンクが積層した川を穏やかに見せ、層間の白い細い隙間と上部の凡例で系列を整理。落ち着いた高級感ある積層トレンド表現に最適。ライト / ダーク背景、PNG / SVG 出力。
連続誤差帯グラフ生成ツール - 無料オンライン信頼区間チャート
連続誤差帯チャート：主線の下に固定の影ではなく、点ごとに幅が変わる密着バンドを描き、変動期は帯が膨らみ安定期は細くなります。トレンドと不確実性を1枚の図に同居させる表現で、クラシック・レインボー・モランディの3テーマ、ライト / ダーク背景、PNG / SVG 出力。
曲線ステム・バブルチャート生成ツール - 無料オンライン対数軸バブルチャート
タイムライン用の曲線ステム・バブルチャート：各イベントを年軸に置き、細いステムが底辺から右に湾曲して半透明バブルを支えます。Y 軸は対数目盛で 0.7〜14 のような桁違いの値を同一フレームで比較でき、バブルサイズは平方根マッピング。5色カテゴリ、ライト / ダーク背景、PNG / SVG 出力。
モーフ・バブルゾーニングダイアグラム生成ツール - 無料オンライン
子ノードが浮遊せず、Metaball 曲面で中心ノードと油滴のように融合するモーフバブル図。ラベルは各ノードの外縁円弧に沿い、ノード間は破線で接続、青緑系の4色配色が整います。「中心-メンバー」のクラスタ構造表現向けで、ライト / ダーク背景、PNG / SVG 出力。
スカロップ弦図生成ツール - 無料オンライン二分割弦図メーカー
下部のグループ弧が総流量で重み付けされた不均等な扇貝になり、上部のターゲットノードが等幅弧の扇状に広がる二分区コード図。両者間の流れは中心を通るベジェ曲線に沿って曲がる細いリボンで、ノードラベルは放射状に整然と配置。「少数グループ → 多数ターゲット」の2部関係データ向け。ライト / ダーク背景、PNG / SVG 出力。
注釈付きヒートマップ生成ツール - 無料オンライン表形式ヒートマップ
数値をそのまま残す表型ヒートマップ：各セルは色塗りと数値ラベルを併せ持ち、0 を中心に正負へ発散するカラースケール、右側に目盛付きカラーバー。クラシック・レインボー・モランディの3テーマ、ライト / ダーク背景、PNG / SVG 出力。
誤差棒付きグループ化棒グラフ生成ツール - 無料オンライン
学術論文風のエラーバー付きグループ棒グラフ：淡い2系列の棒を並べ、黒い I 字エラーバーを棒の上に立て、全枠の軸と 45° 回転の x ラベルで論文中の図を忠実に再現。実験群間の測定比較向けで、ライト / ダーク背景、PNG / SVG 出力。
リッジラインプロット生成ツール - 無料オンライン山型グラフメーカー
各分布を独立した水平基線ごとに重ねるリッジラインプロット（joy plot）。山は滑らかで互いに重ならず、各行左に系列名、下部にドット凡例で、多数のグループのピークとばらつきを並べて比較できます。最大6系列・400行、ライト / ダーク背景、PNG / SVG 出力。
放射状積み上げ棒グラフ生成ツール - オンライン無料円形バープロットメーカー
各行データを1本の同心円リングにし、総量に比例した弧長でカテゴリ別に分割した放射状積み上げ棒グラフ（レーストラック型）。まるで各年の構成を示す競技場の周回のようで、弧の終端には斜体で総量、右側には縦並びの四角マーカー凡例。ライト / ダーク背景、PNG / SVG 出力。
5段階パステルグラデーション サンキー図ジェネレーター
「ソース → 中継 → ハブ → チャネル → 最終先」の逐次分岐を1枚で描く5段階サンキー図。各ノードに個別のパステルカラー、リボンはソース色 → ターゲット色のグラデーションを低不透明度で重ね、細身ノードと中間列の白いピル型ラベルを配置。3つの柔らかな配色、ライト / ダーク背景、PNG / SVG 出力。
代謝物パスウェイ濃縮 サンキー図生成ツール
「代謝物 → パスウェイ」の2列濃縮 サンキー図と、右側のバブルパネルを1枚で描画。リボンは統一ライトグレーを不透明度約0.6で重ね自然に濃く、全ラベルはバーの左側・右寄せ・垂直中央・ピルなし。約50のパステル代謝物が11のジェム色経路に流入、x=-Log(Pvalue)、面積=Count、赤色=Hit Ratio。ライト / ダーク背景、PNG / SVG 出力。
四段階決定サンキー図オンライン生成ツール
起源 → 宛先 → 判定 → 起源別の内訳まで、全体のファネルを一度に描く4段サンキー図。流量は左から層状に入り、右側で採択 / 不採択の比較バーに分解。年号バッジと3配色付きで、査読・承認・入試などの判定フローに最適。ライト / ダーク背景、PNG / SVG 出力。
三角階段型分布マトリックスヒートマップ生成ツール
各カテゴリが値の区間に何日入るかの頻度行列を、階段状の三角ヒートマップとして描画。色は頻度、四分位範囲の枠・中央値の点・平均のバツ印は自動で重ねられ、分布のゆがみと広がりがひと目で分かります。3配色、ライト / ダーク背景、PNG / SVG 出力。
寒暖グラデーションリボン弦図ジェネレーター
暖色ノードと冷色ノードがそれぞれ連続した弧を作る Circos 風コード図。ノード間の線は一端の色から他端の色へと変化する2色グラデーションリボンになり、陣営間の流れが一目瞭然。ゲノム・ネットワーク・生態などの行列データ向け。ダークモードと PNG / SVG 出力対応。
バブルコード図ジェネレーター
バブルコード図はペアの関係データをひとつの大きな円に配置します。各ノードはバブルで、サイズはノード規模、塗りはミント→ブルーの連続カラーマップで強度を表現。リンクは中心に向かって湾曲し、太さはフロー値に比例。ノード名は大円の外側に放射状に並びます。共同研究ネットワーク、サプライチェーン依存、部門間フローなど「関係＋ノード指標」のデータ向け。約30ノードでも読みやすく、ダークモードと PNG / SVG 出力に対応。
ラジアルアークフロー図ジェネレーター
「国 → 組織」のフローを同心円レイアウトで描く放射状アークフロー図。上部のアーチは大陸ごとに区切られ、弧上に国の目盛、各目盛から流線が下って総流量でサイズが決まる組織ノードへ収束します。世界の貿易・援助・移民などのフロー物語向け。ダークモード、PNG / SVG 出力。
二色半円コード図ジェネレーター
「源 → 先」の2部フローを二層の半円リングに描く二色コード図。上リングのスレート色ソース扇区と下リングのピンク色ターゲット扇区、ノード幅は総流量で重み付けされ、ベジェ曲線が中心を横切ってターゲット側の矢印へ。脅威モデリング、能力マッピング、要件トレーサビリティ向け。ダークモードと PNG / SVG 出力。
双扇型カラーコード図ジェネレーター
双扇型カラーコード図は2部フローを砂時計の形に描きます。同一円上で上側に5つの実色アーク、下側に5つの淡色アークが対向する扇を形成し、3時・9時方向は開口します。半透明のカラーリボンが中心のくびれで交差し、各セクターは0起点・主目盛10単位の専用軸を持ちます。チャネル別の流れ、コスト配分、要件カバレッジなどの行列データ向け。ダークモードと PNG / SVG 出力対応。
Circos 共線性コード図
Circos 共線性コード図はリングの各セグメントを離散ノードではなく座標つきの連続トラックとして扱います。外側の目盛が位置を示し、中心の細い曲線が区間どうしの対応や共線性を表現します。ゲノム共線性、ブロック移行、アドレス範囲の再配置、層序比較向け。ライト / ダークモードと PNG / SVG 出力対応。
グループ流向コード図ジェネレーター
「多数のソースが少数のグループへ流れ込む」関係を1つのリングで描きます。左半分は紫で統一した小さなソース弧、右半分は1色ずつのグループ弧と右側の縦並び凡例、弧の幅はノードの合計量、中央のリボンはターゲットグループの色で塗られます。グループ弧内の白い仕切りで、各グループが何個のソースから成るかが一目で分かります。サンプル分類、チャネル帰属、トピック割り当て、バッチの行き先向け。ダークモードと PNG / SVG 出力対応。
スペクトル環コード図ジェネレーター
ペア関係の行列をスペクトル環に描きます。ノードは合計量の大きい順に時計回りに並び、弧の色は連続した色帯からサンプリングされるため色相そのものが順位になります（最も赤いものが最大、最も青いものが最小）。各関係は等幅の青緑の細線で中心へ向かって湾曲し、弧の中の白い仕切りがそのノードの接続一覧です。ライト / ダークモードと PNG / SVG 出力に対応。
アーク図ジェネレーター
共起関係を1本の水平基線に載せるクラシックなアーク図。グループ色の目盛ブロックを基線上に並べ、左に縦書きのグループ色ラベル、関係の強さは半透明の半円アークの太さと高さで表現され、400件でもすっきり。タイムラインやペア関係の序列表現向け。ダークモード、PNG / SVG 出力。
グループ配色 玫瑰図ジェネレーター
カテゴリ・値・グループの列から、花びらがグループごとに色分けされ色相が滑らかにつながるナイチンゲールローズを作成。ラベル表示切替、ライト / ダーク背景、PNG / SVG 出力を備え、すべてローカル処理です。
Excalidraw オンラインホワイトボード
Excalidraw ベースのオンライン手描きホワイトボード。フローチャート、草図、ワイヤーフレーム、注釈に対応し、ブラウザローカル編集と PNG、SVG、.excalidraw 出力をサポート。