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

Диаграмма с областями из CSV онлайн

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

Ваши данные

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

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

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

Столбцы

Результат

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

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

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

Для чего подходит Одна накапливающаяся величина во времени
Нулевая база Здесь обязательна, в отличие от простого линейного графика: заливка кодирует площадь
Комфортный диапазон от 5 до 400 точек
Прозрачность заливки 16%, чтобы линии сетки просвечивали сквозь закрашенную область
Интерполяция Небольшое натяжение кривой; линия по-прежнему проходит ровно через каждое значение
Что на выходе PNG в двойном разрешении плюс CSV, JSON и Markdown

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

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

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

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

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

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

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

Когда брать области вместо линии?

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

Почему нельзя обрезать вертикальную ось?

Потому что заливка превращает график в сравнение площадей. Обрезка оси у залитого графика преувеличивает различия гораздо сильнее, чем у линии, поэтому страница этого не позволяет.

Можно наложить две области?

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

Заливка слишком бледная для презентации.

Она намеренно светлая, чтобы сетка и значения оставались читаемыми. Если нужен более плотный вид, выгрузите CSV и оформите в своём редакторе презентаций, где вы управляете всем слайдом.

Что-нибудь загружается?

Нет. Диаграмма строится целиком внутри вашего браузера.

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

Нужно наоборот? Области с накоплением Как менялись во времени итог и его состав

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

Все утилиты