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

Области с накоплением из CSV онлайн

Это диаграмма для того, чтобы одновременно показать, как рос итог и как менялся его состав. Верхняя граница очерчивает итог, каждая цветная полоса — один компонент. Она отвечает на вопрос «выросли ли мы и изменилась ли структура» одной картинкой.

Ваши данные

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

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

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

Столбцы

Результат

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

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

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

Для чего подходит Итог из 2–5 компонентов, прослеженный во времени
Что читается надёжно Верхняя граница (итог) и нижняя полоса
Что не читается Средние полосы — они плавают на всём, что лежит ниже
Обязательное условие Компоненты должны складываться в осмысленный итог в каждый момент времени
Нулевая база Обязательна и структурна
Что на выходе PNG в двойном разрешении плюс CSV, JSON и Markdown

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

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

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

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

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

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

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

Почему средняя полоса выглядит растущей, хотя числа говорят обратное?

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

Какой компонент ставить вниз?

Тот, чьё поведение важнее всего, потому что нижняя полоса — единственная, нарисованная от ровной линии, и потому единственная, о которой можно судить точно.

Области с накоплением или нормированная на 100%?

Области с накоплением, когда важны и итог, и структура. Если итог мешает и нужны только доли, берите нормированную диаграмму.

Можно использовать отрицательные значения?

Осмысленной стопки с разными знаками не существует. Разнесите положительные и отрицательные вклады на отдельные диаграммы или возьмите каскадную.

Данные покидают браузер?

Нет. Всё считается и рисуется локально.

Обратная утилита

Нужно наоборот? Диаграмма с областями из CSV Линия, под которой закрашено пространство

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

Все утилиты