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