Блог
Графики из данных

Каскадная диаграмма (водопад) из CSV онлайн

Каскадная диаграмма показывает, как вы попали из одного числа в другое. Каждый столбец висит на той высоте, где закончился предыдущий, поэтому картинка читается как текущий баланс: приходит выручка, расходы тянут её вниз, а последний столбец опускается до пола и показывает, что осталось.

Ваши данные

Вставьте таблицу прямо из Excel или Google Таблиц либо перетащите CSV-файл. Никуда ничего не загружается — весь расчёт идёт внутри этой вкладки браузера.

CSV, TSV или обычный текст. Файлы в windows-1251 распознаются и перечитываются автоматически, поэтому кириллица в заголовках не превращается в кракозябры.

Настройки разбора

Столбцы

Результат

Библиотека отрисовки скачивается только при нажатии кнопки и только на этой странице.

Все вычисления выполняются локально в браузере: разбор, график, экспорт. Если отключите сеть, страница продолжит работать.

Факты и границы применимости

Для чего подходит Объяснить разницу между двумя числами через последовательность изменений
Формат входа Изменения со знаком, а не абсолютные уровни: плюс прибавляет, минус вычитает
Итоговый столбец Добавляется автоматически в конце, рисуется от нуля брендовым цветом
Цветовое кодирование Зелёный — прирост, красный — убыль, синий — итог
Ограничение по шагам Около 12; дальше текущий баланс становится трудно проследить
Что на выходе PNG в двойном разрешении плюс CSV с каждым шагом и текущим балансом

Когда этот метод вводит в заблуждение

Как это считается

Столбец значений читается как список изменений со знаком. Первый столбец начинается от нуля, а каждый следующий — там, где закончился предыдущий, поэтому верхний край последнего столбца изменений и есть текущий баланс в этой точке.

Итоговый столбец добавляется автоматически и рисуется от нуля до накопленной суммы. Кроме первого, это единственный столбец, закреплённый на оси, и он окрашен иначе, чтобы отметить: это результат, а не шаг.

Столбцы окрашиваются по знаку: прирост зелёным, убыль красным, итог синим. Поскольку один лишь цвет — ненадёжный сигнал для части читателей, направление видно и из геометрии: столбец убыли свисает ниже предыдущего верхнего края.

В выгруженном CSV три столбца: название шага, изменение со знаком и текущий баланс после него. Именно столбец баланса людям обычно и нужен, и именно его почти невозможно достать из картинки.

Вопросы и ответы

Вводить абсолютные значения или изменения?

Изменения, со знаками. Выручку плюсом, каждый расход минусом. Если ввести абсолютные уровни, диаграмма сложит их в бессмысленно растущий итог вместо мостика.

Откуда берётся последний итоговый столбец?

Он вычисляется, а не читается из ваших данных: это сумма всех введённых изменений. Если он не совпадает с ожидаемым результатом, расхождение во входных данных, а не в диаграмме.

Важен ли порядок шагов?

Визуально — колоссально. Арифметика одинакова при любом порядке, а история нет: тот шаг, который проталкивает баланс ниже нуля, выглядит виновником. Выбирайте порядок осознанно и объясняйте почему.

Можно показать шаг, который и добавляет, и вычитает?

Одним столбцом нет. Разбейте его на два шага — положительный и отрицательный: читателю так тоже понятнее.

Мои данные загружаются?

Нет. Всё считается в вашем браузере, включая текущий баланс.

Похожие утилиты

Все утилиты