無料のグラフ作成ツール

ウォーターフォール図作成ツール|割合ではなく増減を可視化

開始値から増加・減少の要因を順番に加え、最後の合計値までの変化を見やすく表示します。円グラフでは表しにくい増減の順序や、売上・利益・予算の差異を説明したいときに、登録やインストールなしで使えます。

円グラフとの使い分けブラウザで完結PNG・SVG保存

データを入力してウォーターフォール図を作る

左側の行を編集すると、右側のプレビューが更新されます。開始値と終了値は「合計」、途中の変化は「増加」または「減少」、途中の確認値は「小計」に設定してください。

入力の考え方:合計・小計はその時点の累計値、増加・減少は前の累計から動かす差分です。減少は正の数字を入力しても自動でマイナスになります。

最大12行。資料に使う場合は、重要な要因を残して細かい項目を「その他」にまとめると読みやすくなります。

入力ルールのポイント

  • 1行目は開始値として「合計」にすると、変化の起点が明確になります。
  • 増加・減少は差分の大きさを入力し、種類でプラス・マイナスを指定します。
  • 小計・終了値は、直前までの累計と一致するか確認してください。
  • 空のラベル、数値でない値、無限大の値はエラーとして案内します。

ウォーターフォール図プレビュー

開始値・増減・小計・終了値を色と位置で区別し、合計がどの要因で変化したかを確認できます。

即時プレビュー
開始値120
終了値145
純増減+25
最大の増加売上増

サンプルの読み方

開始値120に売上増40、原価減少25、広告費減少10を反映し、最後に追加収益20を加えると、終了値は145になります。

開始 120売上増 +40原価 −25広告費 −10追加収益 +20終了 145

先に結論:

ウォーターフォール図は、開始値から増減要因を順番に足し引きし、最終値へ到達する過程を説明するグラフです。円グラフが構成比を示すのに対し、このツールは値が動いた順序と理由を見える形にします。

ウォーターフォール図とは?

ウォーターフォール図は、最初の合計値から増加・減少の項目を順番に反映し、最後の合計値になるまでの流れを表すグラフです。途中の棒が空中に浮いて見えることから、日本語では「滝グラフ」と呼ばれることもあります。単純な棒グラフのように大きさを比べるだけでなく、差額がどの要因から生まれたのかを一枚で説明できる点が特徴です。

前年利益から今年の利益、予算から実績、月初在庫から月末在庫など、「始まりと終わりの差」を要因別に説明する場面に向いています。

ウォーターフォール図の作り方|4ステップ

開始値と終了値の関係を整理し、要因・符号・単位をそろえてから図を作ると、説明の正確さを保てます。

1

開始値と終了値を決める

前年から今年、予算から実績など、どの2つの値の変化を説明するかを一文で決めます。

2

増減要因を分解する

差額の原因を、売上増・原価増・人件費減のように読み手が理解できる粒度へ分けます。

3

種類と単位をそろえる

増加・減少は差分、小計・合計は累計値として入力し、円・千円・百万円などの単位を混ぜません。

4

図と最終値を確認する

開始値に差分を順番に加えた結果が、終了値と一致するか確認してからPNGまたはSVGで保存します。

入力データの形式と計算の考え方

このツールでは、各行に短いラベル、値、種類を入力します。増加と減少は前の累計値から動く差分、小計と合計はその時点での到達値です。減少欄に25と入力した場合は25だけ下がり、負の数字を入力した場合も同じ方向へ正規化されるため、符号の二重入力によるミスを避けられます。

小計は必須ではありませんが、部門別の費用や営業利益までの段階など、意味のある区切りを示したいときに便利です。

種類入力する値図での表示使う場面
合計その時点の累計値ゼロから始まる固定棒開始値・終了値・確定した合計
増加増えた差分直前の累計から上向きに伸びる棒売上増・新規顧客・追加収益
減少減った差分の大きさ直前の累計から下向きに伸びる棒費用・解約・出庫・値引き
小計区切り時点の累計値ゼロから始まる固定棒営業利益・中間残高・部門合計

ウォーターフォール図の使いどころと具体例

最終値そのものよりも「なぜそこへ変化したのか」を説明する場面で力を発揮します。重要な要因を優先し、細かい項目は「その他」にまとめると読みやすくなります。

利益の増減分析

前年利益を起点に、売上増、原材料費、広告費、人件費などを反映して今年の利益へ到達する流れを示します。

前年利益 → 売上増 → 費用増 → その他 → 今年の利益

予算と実績の差異

予算を開始値にして、追加施策、未使用分、為替差額などを加減し、実績値との差を説明します。

予算 → 追加費用 → 未使用分 → 為替差 → 実績

在庫・顧客数の変化

月初の在庫や顧客数を起点に、入庫・出庫、新規・解約などを反映して月末の合計を表します。

月初 → 新規・入庫 → 解約・出庫 → 調整 → 月末

棒グラフ・折れ線グラフとの使い分け

項目の大小は棒グラフ、時間の流れは折れ線グラフ、割合は円グラフ、合計が変わった理由はウォーターフォール図、というように読み手へ投げかける問いで選びます。

グラフ向いている問い使い分けの目安
棒グラフどの項目が大きいかカテゴリ間の比較・ランキング
折れ線グラフ時間とともにどう変化したか月次・日次などの時系列
円グラフ全体の割合はどう構成されるか合計に対する内訳
ウォーターフォール図合計はなぜ増減したか開始値から終了値までの要因説明

作成時の注意点と限界

増加と減少の色だけに意味を持たせず、凡例・ラベル・注記でも方向を伝えてください。入力値、単位、期間、計算ルールは利用者が確認し、明細が多い場合は重要な要因を選んで「その他」へまとめます。

符号の確認

増加・減少の種類と値の大きさを確認し、同じ差分を二重にマイナスにしないようにします。

単位の統一

円と千円、人数と割合など、異なる単位を一つの累計に混ぜないようにします。

割合ではなく 増減を 説明する 実務チェック

開始値 と 終了値 を 同じ 単位 に そろえ、 どの 変化を 説明するかを 先に 一文で 決めます。 売上、 利益、 予算差異、 在庫、 顧客数 など、 対象を 一つに 絞ると 項目の 順番が 自然に 決まります。

円グラフは 構成比を 示す ための 表現です。 ウォーターフォール図は 前の 累計から どの 要因で 動いたかを 追う 表現なので、 割合を 比べたい 場面と、 差分の 理由を 説明したい 場面を 分けます。

入力欄では 開始値 と 終了値を 合計に し、 途中の 要因を 増加 または 減少に します。 小計は その 時点の 累計値を 示す 固定棒なので、 構成比の 数字を そのまま 入れないように 注意します。

共有前には グラフだけを 見た人が、 値の 順序と 理由を 追えるかを 確認します。 ラベルを 短くし、 単位を 説明に 書き、 計算が 合わない ときは 符号、 合計、 小計の 順に 見直します。

サンプルを 編集して 右側の プレビューを 確認し、 問題が なければ PNG または SVGで 保存します。 円グラフでは 見えにくい 増減の 順序を、 一枚の 図で 説明できます。

構成比と 変化を 同じ 資料で 使う 場合は、 円グラフに 内訳を 任せ、 ウォーターフォール図に 開始値から 終了値までの 理由を 任せます。 二つの 図の 単位と 期間を そろえると 誤解を 防げます。

会議用の 資料では、 図を 見せる 順番も 大切です。 最初に 開始値と 終了値を 伝え、 次に 大きな 増減要因を 説明し、 最後に 構成比や 補足項目を 確認すると、 読み手が 数字の 流れを 迷いにくくなります。

ラベルを 作るときは、 読み手が その 項目を 見ただけで 増減の 原因を 想像できる 長さに します。 割合を 示す 図と 同じ 名称を 使う 場合も、 単位や 期間を そろえて 意味を 明確に します。

同じ データを 別の グラフでも 示す 場合は、 期間と 単位を そろえ、 役割を 重ねないように します。 円グラフは 構成比、 棒グラフは 大小の 比較、 ウォーターフォール図は 変化の 理由に 向いています。

更新版を 作るときは、 以前の 図と 同じ 行の 意味を 保ち、 新しく 増えた 要因だけを 追加します。 項目の 定義を 途中で 変えると、 割合と 差分の 比較が ずれることがあります。

共有後に 質問が 出ても 答えられるよう、 入力値、 単位、 期間、 計算ルールを 元データと 一緒に 残します。 図だけでなく 根拠を 保管すると、 次回の 更新も 安全です。

1

目的 と 単位を 決める

何の 変化を 説明する 図かを 決め、 円、 千円、 人、 件などの 単位を 一つに そろえます。

2

割合 と 差分を 分ける

構成比の 比較は 円グラフへ、 開始値からの 差分説明は ウォーターフォール図へ 分けます。

3

要因を 読みやすく 並べる

読み手が 知りたい 原因を 優先し、 細かすぎる 明細は その他へ まとめて 視線を 整えます。

4

小計を 区切りに 使う

部門別、 期間別、 工程別など、 途中経過を 確認したい 場所だけに 小計を 設定します。

5

最終値を 照合する

開始値に 増減を 順番に 加えた 結果が 終了値と 一致するかを 確認してから 保存します。

6

二つの 図を 共有する

内訳を 示す 円グラフと、 変化の 理由を 示す 図を 同じ 期間の 資料に 配置します。

7

ラベルを 短くする

項目名を 短くし、 詳しい 定義や 略語の 説明は 図の 近くに 補足として 置きます。

8

表示順を 固定する

更新後も 重要な 要因が 同じ 場所に 来るようにし、 月ごとの 比較を 読みやすくします。

9

注釈を 追加する

大きな 変化に 特別な 理由が ある 場合は、 数値だけでなく 注釈でも 背景を 伝えます。

10

割合と 差分を 分ける

構成比と 変化の 理由を 一つの 図に 詰め込みすぎず、 役割を 分担します。

11

前回と 比較する

同じ 単位、 期間、 行の 意味を 保ち、 前回と 今回の 差分を 安全に 読み取ります。

12

共有後の 質問に 備える

元データと 計算ルールを 残し、 数値の 根拠を すぐに 説明できるようにします。

確認する 項目入力する 考え方見直す ポイント
開始値最初の 合計値を 入力期間 と 単位が 明確か
増加増えた 差分を 入力原因の ラベルが 具体的か
減少減った 差分を 入力二重に マイナスに していないか
小計区切り 時点の 累計を 入力途中の 説明に 必要か
終了値最後の 合計値を 入力計算結果と 一致するか
円グラフ構成比を 比較合計に 対する 割合か
単位円や 千円などを 統一異なる 単位が 混ざっていないか
期間月次や 年次を 明記開始 と 終了の 範囲が 同じか
ラベル短い 名称を 使う要因の 意味が 伝わるか
保存PNGや SVGを 選ぶ用途に 合う 解像度か
共有説明文を 添える図だけで 誤解されないか
更新元データを 残す次回も 同じ 規則で 直せるか
説明順開始値から 順に 説明聞き手が 迷わないか
比較図役割を 分けて 併用同じ 数字を 重複させないか
ラベル短い 名称を 使う要因の 意味が 分かるか
注釈背景を 補足する大きな 変化を 説明できるか
表示順重要な 行を 固定前回と 比較できるか
出力形式PNGや SVGを 選ぶ利用目的に 合うか
元データ入力値を 保管質問に 答えられるか
定義項目の 意味を 記録更新後も 同じか

月次の 利益分析

前年利益を 起点に、 売上増、 原価、 広告費、 人件費を 順に 並べ、 変化の 理由を 説明します。

予算と 実績の 差異

予算を 開始値に して、 追加施策、 未使用分、 為替差額などを 加減し、 実績へ 到達する 流れを 示します。

在庫と 顧客数

月初の 残高や 顧客数を 起点に、 入庫、 出庫、 新規、 解約などを 入力して 月末の 状態を 確認します。

円グラフとの 併用

円グラフで 内訳の 比率を 示し、 ウォーターフォール図で 合計が 動いた 理由を 補足します。

色以外の 手がかり

増加と 減少を 色だけに 任せず、 ラベル、 凡例、 数値、 注記でも 方向を 伝えます。

小さな 項目の 整理

重要度の 低い 明細は その他へ まとめ、 読み手が 主な 要因へ 集中できるように します。

画面での 確認

入力後の プレビューで、 ラベルの 重なり、 値の 符号、 最終値の 一致を 確認します。

共有前の 確認

タイトル、 単位、 期間、 出典、 更新日を 添え、 図だけを 渡しても 意味が 伝わるように します。

説明の 順番

開始値、 主な 要因、 小計、 終了値の 順に 話すと、 聞き手が 差分の 意味を 追いやすくなります。

出力形式の 選択

PNGは 一般的な 資料へ 貼り付けやすく、 SVGは 拡大しても 線や 文字が 崩れにくい 形式です。

割合と 差分

構成比を 示す 図と 変化の 理由を 示す 図の 役割を 分けると、 資料の 説明が 明確になります。

前回との差分

同じ 行の 意味と 単位を 保つと、 月次や 年次の 更新でも 比較の 条件が ぶれません。

ウォーターフォール図作成のよくある質問

入力方法、用途、保存形式、棒グラフとの違いについて回答します。

減少の種類を選ぶと、正の数字を入力しても自動的に減少として扱います。負の数字を入力した場合も方向をそろえるため、入力後の累計と終了値を確認してください。

どちらもその時点の累計値を示す固定棒です。小計は途中の区切り、合計は開始値や終了値など全体の基準値として使うと、読み手が段階を追いやすくなります。

棒グラフは項目ごとの大きさを比較する表現です。ウォーターフォール図は、前の累計から増減要因をつなぎ、開始値から終了値までの変化の理由を見せます。

このページのウォーターフォール図の計算と描画は、ページ内のJavaScriptで行います。機密データを扱う場合でも、利用する端末やブラウザ拡張機能、保存先の扱いは利用者自身の環境で確認してください。

最大 12行まで 入力できます。 要因が 多い 資料では、 重要な 差分を 残し、 細かい 項目を その他へ まとめると、 図の 流れと ラベルを 読み取りやすく 保てます。

減少の 種類を 選ぶと、 正の 数字でも 減少として 扱います。 負の 数字を 入力した 場合は 方向が 二重に ならないように、 プレビューの 累計と 終了値を 確認してください。

小計は その 時点の 累計値です。 直前までの 開始値と 増減を 足し引きした 結果と 小計を 照合し、 単位、 符号、 入力順を 順番に 見直してください。

一般的な 文書や スライドへ 貼り付けるなら PNGが 使いやすく、 拡大や 再編集を 重視するなら SVGが 向いています。 用途に 合う 形式を 選んでください。

入力欄と プレビューは 小さい 画面でも 縦に 並ぶように 設計しています。 行数が 多い 場合は、 横幅と ラベルの 長さを 確認しながら 編集してください。

このページでは ブラウザ上で データを 入力し、 作成した グラフを PNGまたは SVGとして 保存できます。 登録や インストールを 前提に していません。

円グラフは 全体に 占める 割合や 構成を 示すのに 向いています。 ウォーターフォール図は 開始値から 増加と 減少を 順番に 追い、 最終値へ 変化した 理由を 説明します。 同じ 資料で 使う ときは、 円グラフを 内訳の 説明、 ウォーターフォール図を 時系列や 差分の 説明に 分け、 単位と 集計期間を そろえてください。