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