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

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

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

Ваши данные

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

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

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

Столбцы

Результат

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

У этой страницы вообще нет серверной части. Вставленная таблица разбирается кодом JavaScript внутри вашего же браузера, график рисуется на элементе canvas на вашей машине, файл экспорта собирается локально. Ничего не загружается, не хранится и не пишется ни в какие логи. После загрузки страницы можно отключить сеть — всё продолжит работать, и это самый простой способ проверить обещание самостоятельно.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Все утилиты