Искрографики (Sparklines)
20 апреля 2009



Эта заметка — близкий к тексту пересказ небольшой части главы «Sparklines: Intense, Simple, Word-Sized Graphics» из книги Эварда Тафти BEAUTIFUL EVIDENCE.

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


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

                                                        

Помещенное рядом со словом «сахар» число 6,6 приобретает смысл. Однако, 6,6 — это результат последнего измерения сахара и для полного понимания состояния здоровья больного одного его может быть недостаточно. Полезнее было бы иметь возможность сравнить последнее измерение со всеми предыдущими, увидеть всю картину целиком, динамику изменения сахара.

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

                                  

Указать точные значения всех предыдущих измерений на таком маленьком графике просто негде, но, по крайней мере, мы знаем точное значение последнего измерения. Его можно отобразить на графике и связать с числом цветом.

                                  

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

                                  

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

                                  
cover.jpg
Edward Tufte,
Beautiful Evidence
(Cheshire, Connecticut, 2006. ISBN 0961392177), c. 47



Эти маленькие контекстные графики похожи на искорки. Они вспыхивают то тут то там в тексте, дополняют его, увеличивая в сотни раз информационную плотность, позволяют человеку одним взглядом охватывать существенные массивы данных, анализировать их, сравнивать попарно и все разом… Эти графики так и называют — искрографики. Искрографик от англ. sparkline (spark — искра, line — линия).



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

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

Посмотрите, может искрографики пригодятся и вам.

Курс евро по отношению к другим валютам.


Весь бейсбольный сезон команды Нью-Йорка одной строкой.
(Чёрточка вверх обозначает победу, вниз — поражение. Красные черточки означают, что проигравшая команда осталась без очков, а горизонтальные линии показывают домашние игры.)



Несколько полезных ссылок по теме:

Фрагмент главы про искрографики на сайте Эдварда Тафти
В окончательном виде, в книге, Эдвард значительно расширил главу, добавив туда много интересного, поэтому советую начать именно с книги.

Обсуждение вопросов реализации искрографиков на сайте Эдварда

http://sparkline.wikispaces.com/ — целая википедия про искрографики.

http://sparkline.org/ — графическая библиотека на PHP для работы с искрографиками.

http://sparklines.bitworking.info/ — генератор искрографиков.

http://timetric.com/ — сервис для работы с аналитическими данными.

http://en.wikipedia.org/wiki/Sparkline — статья в википедии.

Sparkplot: creating sparklines with matplotlib

Плагин для DokuWiki

Использование искрографиков для отображения температуры (из Советов Артёма Горбунова)

Использование искрографиков для отображения статистики нарушений в работе (из Советов Артёма Горбунова)

Патент Микрософта, связанный с искрографиками (Обсуждение патента на сайте Эдварда)
20 ноября 2009

Экселевские искрографики на официальном сайте

Блог про искрографики в Экселе



Николай Товеровский
При использовании материалов ссылка на ksoftware.ru обязательна.

См. также