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

График с несколькими линиями из CSV онлайн

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

Ваши данные

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

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

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

Столбцы

Результат

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

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

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

Для чего подходит От двух до пяти величин на одной временной шкале
Ограничение по сериям Рисуются все числовые столбцы; читаемость рушится после пяти
Общая ось Все серии делят одну вертикальную ось, значит единицы измерения должны совпадать
Палитра Восемь цветов, упорядоченных так, чтобы соседние различались при красно-зелёной слепоте
Легенда Показывается всегда — линия никогда не опознаётся по одному лишь цвету
Что на выходе PNG в двойном разрешении плюс CSV, JSON и Markdown со всеми сериями

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

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

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

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

Пропущенные ячейки разрывают линию, а не роняют её в ноль, поэтому дырка в одной серии не искажает молча сравнение с остальными.

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

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

Как выбрать, какие столбцы станут линиями?

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

Вторая серия не видна, прижата к низу графика.

Это проблема общей оси: серии различаются на порядки. Либо разнесите их на два графика, либо переведите обе в индекс, где первый период равен 100, — тогда они станут сопоставимы.

Можно поменять цвета?

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

Тысячи строк потянет?

Да. Отрисовка остаётся плавной до десятков тысяч точек, хотя график с таким количеством обычно лучше показывать скользящим средним.

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

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

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

Нужно наоборот? Линейный график из CSV Временной ряд из вставленной таблицы с выгрузкой в PNG

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

Все утилиты