Ваши данные
Вставьте таблицу прямо из Excel или Google Таблиц либо перетащите CSV-файл. Никуда ничего не загружается — весь расчёт идёт внутри этой вкладки браузера.
CSV, TSV или обычный текст. Файлы в windows-1251 распознаются и перечитываются автоматически, поэтому кириллица в заголовках не превращается в кракозябры.
Настройки разбора
Столбцы
Результат
Сохранить и поделиться
Библиотека отрисовки скачивается только при нажатии кнопки и только на этой странице.
У этой страницы вообще нет серверной части. Вставленная таблица разбирается кодом JavaScript внутри вашего же браузера, график рисуется на элементе canvas на вашей машине, файл экспорта собирается локально. Ничего не загружается, не хранится и не пишется ни в какие логи. После загрузки страницы можно отключить сеть — всё продолжит работать, и это самый простой способ проверить обещание самостоятельно.
Факты и границы применимости
| Для чего подходит | Итог из 2–5 компонентов, прослеженный во времени |
|---|---|
| Что читается надёжно | Верхняя граница (итог) и нижняя полоса |
| Что не читается | Средние полосы — они плавают на всём, что лежит ниже |
| Обязательное условие | Компоненты должны складываться в осмысленный итог в каждый момент времени |
| Нулевая база | Обязательна и структурна |
| Что на выходе | PNG в двойном разрешении плюс CSV, JSON и Markdown |
Когда этот метод вводит в заблуждение
- На ровной линии лежит только нижняя полоса. Каждая полоса выше стоит на колеблющемся основании, поэтому средняя полоса может выглядеть растущей, хотя её всего лишь приподнимает полоса снизу. Это ключевая слабость формата, и на ней спотыкаются даже опытные читатели.
- Диаграмма награждает ту серию, которую вы случайно поставили первой. Компонент, занявший нижнюю полосу, становится единственным, о котором читатель может судить достоверно, — и этот выбор редакторский, а не технический.
- Растущая верхняя граница воспринимается как хорошая новость, даже когда интересная история — это проседание компонента внутри неё. Сопровождайте диаграмму исходными числами.
- Пропущенные периоды разрывают стопку, а не интерполируют её: это верно, но даёт заметные зазубрины; если периоды должны быть непрерывными, заполните пробелы в данных до построения.
Как это считается
Столбец подписей становится общей горизонтальной осью. Каждый числовой столбец превращается в полосу, укладываемую снизу вверх в порядке столбцов, и каждая полоса рисуется от верхнего края предыдущей.
Заливки здесь плотнее, чем у одиночной диаграммы с областями: полосы надо различать между собой, а прозрачность, работающая для одной области, при наложении пяти превращается в грязь.
Вертикальная ось начинается с нуля, потому что стопка строится от нуля вверх. Поэтому верхняя граница — это настоящий итог, и его можно считать прямо по оси.
Порядок столбцов — самое ответственное решение на этой странице. Поставьте первым тот компонент, о котором читатель должен судить точнее всего: он окажется на ровной нижней полосе.
Вопросы и ответы
Почему средняя полоса выглядит растущей, хотя числа говорят обратное?
Потому что она едет на полосах под собой. Значение имеет её толщина, но глаз склонен читать верхнюю границу, а та смещается каждый раз, когда двигается что-то внизу. Сверяйтесь с выгруженными числами, а не доверяйте форме.
Какой компонент ставить вниз?
Тот, чьё поведение важнее всего, потому что нижняя полоса — единственная, нарисованная от ровной линии, и потому единственная, о которой можно судить точно.
Области с накоплением или нормированная на 100%?
Области с накоплением, когда важны и итог, и структура. Если итог мешает и нужны только доли, берите нормированную диаграмму.
Можно использовать отрицательные значения?
Осмысленной стопки с разными знаками не существует. Разнесите положительные и отрицательные вклады на отдельные диаграммы или возьмите каскадную.
Данные покидают браузер?
Нет. Всё считается и рисуется локально.