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