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

Линейный график из CSV онлайн

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

Ваши данные

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

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

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

Столбцы

Результат

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

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

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

Для чего подходит Одна величина, измеренная многократно во времени
Минимум строк 2 — но линия по двум точкам несёт не больше смысла, чем одно предложение
Комфортный диапазон от 5 до 400 точек; дальше маркеры скрываются автоматически
Требование к оси У горизонтальной оси должен быть естественный порядок. У категорий по алфавиту его нет.
Нулевая база Не обязательна. В отличие от столбцов, линия кодирует изменение, а не величину.
Что на выходе PNG в двойном разрешении плюс CSV, JSON и Markdown с исходными данными

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

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

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

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

Числа разбираются с учётом обеих десятичных конвенций. «1 234,56», «1,234.56» и «1234.56» дают одно и то же значение, а символы валют и знак процента отбрасываются — именно в таком виде таблицы и приходят из бухгалтерских программ.

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

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

Мой файл куда-нибудь загружается?

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

Подойдёт файл с точкой с запятой из русского Excel?

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

В CSV кириллические заголовки превращаются в вопросительные знаки. Что делать?

Ничего — файл автоматически перечитывается как windows-1251, если при чтении в UTF-8 появились символы замены. Это покрывает почти любой CSV, выгруженный из русской версии Excel.

Как перенести график в презентацию или документ?

Нажмите «Копировать картинку» и вставьте напрямую либо «Скачать PNG», если удобнее файл. PNG отрисовывается в двойном разрешении на белом фоне: он остаётся резким на проекторе и не превращается в чёрный прямоугольник в тёмной теме.

Можно построить несколько линий сразу?

Эта страница рисует первый числовой столбец. Для нескольких серий на одном холсте есть версия с несколькими линиями — ссылка внизу страницы.

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

Нужно наоборот? Несколько линий на одном графике Несколько серий на одном холсте из одной таблицы

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

Все утилиты