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