Figwise

サンキーダイアグラム作成ツール

「起点,終点,数値」形式のデータを貼り付けるだけで、幅が数値に比例したサンキー図をブラウザ内で生成——無料、登録不要、SVGまたはPNGで書き出せます。

リボンの配色
Coal (38) Wind (12) Solar (8) Natural Gas (62) Electricity (100) Direct Heat (20) Residential (34) Commercial (28) Grid Losses (16) Industrial (42)
01使用例

サンキーダイアグラム作成ツールの活用例 4パターン

同じ「起点,終点,数値」形式から、エネルギーフロー・予算配分・ユーザー転換経路・物質収支という異なる4種類の図を作れます。データの形が変わってもレイアウトが自動で適応する様子を見てください。

エネルギーフロー:発電源から最終用途まで

石炭・天然ガス・風力・太陽光がいったん「電力」ノードに集まり、そこから家庭用・業務用・産業用・送電損失へと分岐します——4つの供給源が1つの列に集約され、また4方向へ広がる様子が自動でレイアウトされます。

予算配分:売上から部門支出まで

総売上がまず製品ラインごとに分かれ、それぞれの取り分が開発・マーケティング・運用の各部門予算へと流れます——どの売上がどの部門を支えているかが円グラフを何枚も並べるより一目で分かります。

ユーザー転換経路:登録から有料プランまで

訪問者が登録と離脱に分かれ、登録者はさらに有料転換・トライアル解約・継続中の3方向へ分岐する複数段階のファネル——サンキー図であれば各経路のボリュームと、実際にどこで離脱が集中しているかが同時に見えます。

物質収支:原料投入から製品・廃棄物まで

生産ラインに投入した原料が、工程の異なる2つの段階でそれぞれ製品・手直し品・廃棄物に分かれます——マスバランス型のレイアウトなら、工程ごとの表を追わなくてもライン全体の歩留まり損失を1枚の図で把握できます。

02概要

サンキーダイアグラムとは?

サンキーダイアグラムは、各リボンの幅がその流量に厳密に比例して描かれるフロー図です。ノードは列ごとにまとめられ、太さの異なるリボンが左から右へ流れるため、見る人は目視だけでどちらの流量が多いかを比較できます——太いリボンは常により大きな量を表します。

この「幅=量」というルールこそが、サンキーダイアグラムと一般的なフローチャートを分ける境界線です。フローチャートの矢印は太さが均一で、順序や条件分岐を表すのに対し、サンキーダイアグラムのリボンは「起点,終点,数値」で表されるエネルギー・お金・人数・質量といった実測値そのものを表します。

この手法の名は、蒸気機関のエネルギー効率を1898年に図示したマシュー・リアル・サンキー大尉に由来し、今なおエネルギー収支・予算の流れ・物質フロー・多段階の転換ファネルを示す標準的な方法として使われています——「どこかへ行った」ではなく「どこへ、どれだけ行ったか」を伝えたい場面すべてに使えます。

ノード、列構成、比例幅のリボンに注釈を付けたサンキーダイアグラム
03特徴

サンキーダイアグラム作成ツールが自動で処理すること

フローの一覧からノードの列と並び順を自動計算するサンキーダイアグラム作成ツール
DAG LAYOUT

レイアウトは手作業ではなくデータから自動計算

データを貼り付けると、フローの向きをたどってどのノードがどの列に属するかを(トポロジカルソートで)判定し、各列内の並びも組み替えてリボンが絡まないよう調整します。ボックスを1つずつドラッグする必要はありません。

リボンの太さが流量の数値に比例していることを示すサンキーダイアグラムの拡大図
ライブプレビュー

リボン幅は常に比例——装飾ではない

すべてのリボンの太さは、図全体で共通の一つの尺度から計算されます。2倍の流量は、どの列にあっても正確に2倍の太さで描かれ、ノードごとに勝手な比率になることはありません。この一貫性こそが、サンキー図作成ツールを「見た目だけ」ではなく信頼できるものにしています。

特定のデータ行を指すエラーメッセージが表示されたサンキーダイアグラム作成ツールの入力欄
CSV / TSV

テキストを貼るだけ、行ごとにエラーを検出

「起点,終点,数値」の形式で入力します——多くのサンキー図ツールで使われている記法なので、既存データもそのまま貼り付けられます。誤った行は黙って消えません。書式の誤り、数値でない値、自己参照ノード、循環してしまうフローは行番号付きで指摘されるので、ノードが消えた原因を推測する必要がありません。

ノード幅・間隔・配色モード・キャンバスサイズを設定するサンキーダイアグラム作成ツールの設定パネル
SVG + PNG

ノード幅・間隔・配色・キャンバスサイズをすべて調整可能

強調したい要素に応じてリボンの配色を起点基準・終点基準・単色から切り替え、ノード幅と縦の間隔を調整して密度をコントロールし、書き出し前に正確なキャンバスサイズを設定できます——論文用の図とスライド用の図では、求められる比率が違うものです。

04比較

サンキーダイアグラム vs フローチャート vs アルヴィアルダイアグラム

3つとも「箱と線」で描かれるため混同されがちですが、本質的な境界は1つだけです——線の太さや幅に、実際の数量という意味を持たせてよいかどうかです。

サンキーダイアグラム

  • リボン幅は実測値を表す——それだけが許された意味
  • ノード配置は自由——データが示す方向であればどのノード同士もつながる
  • 保存則が成り立つか一部が失われる量の、一方向で循環のないフローに向く(エネルギー・資金・質量・トラフィックなど)

フローチャート

  • 矢印の太さは均一——順序、判断ロジック、依存関係を表し、量の大小は表さない
  • 図形自体に意味がある(ひし形=判断、長方形=処理)。比例した大きさではない
  • 手順やロジックを整理したいときに使う。どこにどれだけ移動したかを比較したいときには向かない

アルヴィアルダイアグラム

  • サンキーダイアグラムと同じ比例リボン技法を使うため、しばしば見た目がほぼ同じになる
  • ノードは自由なネットワーク配置ではなく、等間隔に固定された段階(多くは時点や順序付きカテゴリ)に並ぶ
  • 同じ集団の分類の所属が段階ごとにどう変化するかを追うためのもの——資源が消費されるのではなく、分類が移り変わっていく
05テンプレート

入力形式とエクスポート仕様

このサンキーダイアグラム作成ツールは、多くのサンキー図ツールで共通する3列形式を読み込みます。他のツール用に作ったデータも、たいてい書式を変えずにそのまま貼り付けられます。

入力行の形式

項目例備考
Source石炭大文字小文字を区別するノード名。初出の順序が図内での初期位置を決めます。
Target電力同じ行の起点とは異なる名前である必要があります——ノードは自分自身には流れ込めません。
Value380より大きい任意の数(小数可)。図全体の他のフローに対するリボン幅の比率を決めます。

エクスポート出力

項目内容
ベクター形式SVG——テキストとパスを編集可能。キャンバス設定どおりの正確なサイズで出力
ラスター形式PNG——2倍解像度で書き出し、スライドや文書でも文字がくっきり
デフォルトキャンバス960 × 600 px、書き出し前に調整可能
配色モード起点ノード基準、終点ノード基準、または単色
06FAQ

よくある質問

サンキーダイアグラム作成ツールに最初のデータを貼り付ける前に、よく聞かれる質問です。

07関連ツール

サンキーダイアグラムを作ってみませんか?

上の欄に「起点,終点,数値」データを貼り付けて、比例幅のサンキーダイアグラムをSVGまたはPNGで書き出しましょう——無料、登録不要。

サンキーダイアグラムを生成する