流れ を、そのまま 図 に。
サンキーダイアグラム メーカー

「元 [数値] 先」 を 1 行 ずつ 書く だけ。 例えば 「給与 [38] 手取り」 「手取り [12] 住居」 の よう に 並べる と、 同じ 名前 の ノード が 自動 で 繋がり、 数値 が リボン の 太さ に なる。 表計算 の 知識 や 専用 アプリ は 不要 で、 メモ 感覚 で フロー を 組み立てられる。

入力 から ノード の 前後関係 (層) を 求め、 流入 と 流出 の 大きい 方 を ノード の 高さ に して、 リボン が 交差 し にくい 並び に 緩和 計算 する。 d3-sankey 系 と 同じ 考え方 の レイアウト を 自前 実装 し、 枝分かれ ・ 合流 ・ 多段 の 流れ を きれい に 描く。

家計 の 収支、 Web サイト の コンバージョン (流入 → 離脱 / 購入)、 採用 ファネル (応募 → 内定)、 一次 エネルギー の 供給 と 消費、 1 日 24 時間 の 使い方 ─ よく 使う 5 つ の テンプレ を 用意。 そのまま 数値 を 書き換えれば、 自分 の データ の サンキー図 に なる。

配色 (水系 / 鮮やか / 大地)、 ノード 間隔、 リボン の カーブ、 単位 表記 を 調整 して、 PNG 画像 と SVG (拡大 して も 劣化 し ない ベクター) で 保存 でき、 資料 ・ ブログ ・ SNS に 貼れる。 計算 は すべて ブラウザ 内 で 行い、 入力 した 数値 は サーバー に 送ら れ ない。