ДЕНЬ 17
Про спарклайны
Вчера мы поняли, насколько связано Tableau с художественным искусством. Как минимум, тримапами.
СЕГОДНЯ
Разбираемся со спарклайнами и барлайнами. Учимся, как показать тенденции, не заняв при этом много места. Ознакомимся с историей создания. Посмотрим на примеры применения спарклайнов в разных областях — от астрофизики до финотчетов. Ну и как всегда — вдохновение от выступления дата-артистов, книга на ночь и практика для закрепления навыка в Tableau.
СЕГОДНЯ
Разбираемся со спарклайнами и барлайнами. Учимся, как показать тенденции, не заняв при этом много места. Ознакомимся с историей создания. Посмотрим на примеры применения спарклайнов в разных областях — от астрофизики до финотчетов. Ну и как всегда — вдохновение от выступления дата-артистов, книга на ночь и практика для закрепления навыка в Tableau.
РАЗБИРАЕМСЯ
Спарклайны / Sparklines
Спарклайн (от англ. spark — искра) — миниатюрная, компактная диаграмма, в которой нет подписей данных, шкал, названий категорий, аннотаций. Он показывают динамику изменения показателя на промежутке времени. Спарклайны также иллюстрируют данные в таблице (располагаются рядом), показывая тренд и наглядную историю значений. В отличие от обычного графика, которым стремятся показать максимум данных, спарклайны показывают самое основное и, скорее, дополняют.
Спарклайном может быть, например, линейный график или столбиковая диаграмма. Самое главное — правильное оформление. Уберите подписи осей и точек, сделайте линии тонкими и простыми, не показывайте размерность шкалы.
Поставьте спарклайны на одном уровне с нужной таблицей и получите краткую визуализацию большого количества цифр в компактном виде.
Спарклайном может быть, например, линейный график или столбиковая диаграмма. Самое главное — правильное оформление. Уберите подписи осей и точек, сделайте линии тонкими и простыми, не показывайте размерность шкалы.
Поставьте спарклайны на одном уровне с нужной таблицей и получите краткую визуализацию большого количества цифр в компактном виде.
Как построить
Этап 1. Создание
По сути, вы создали обычный график — лишь сделали пару настроек у осей. Главное теперь хорошо его отформатировать.
Этап 2. Форматирование
Подробнее тут →
- Добавьте поле с датой в Columns, выбрав Continuous формат даты. Пилюля должна быть зеленого цвета.
- Добавьте нужную категорию в Rows.
- Добавьте нужную меру в Rows.
- Зайдите в настройки оси. Нажмите правой кнопкой мыши по шкале и снимите галочку с бокса Include Zero. Тем самым, вы исключите отображение всей оси с нуля. Это уберет лишнее место под графиком.
- В том же меню выберите Independent axis range for each row or column (Независимые оси). Этим шагом вы сделаете оси независимыми для каждого значения вашей категории.
- Скройте заголовки осей для меры и даты, оставив только подписи категории.
По сути, вы создали обычный график — лишь сделали пару настроек у осей. Главное теперь хорошо его отформатировать.
Этап 2. Форматирование
- Измените размер и сделайте спарклайны компактными.
- Уменьшите толщину спарклайнов (через Size).
- Добавьте и настройте тултипы (через Tooltips).
- Уберите границы, рамки, нулевые линии (zero lines) и сетку на фоне.
Подробнее тут →
Виды спарклайнов
Спарклайн может быть не только линейным графиком, но еще выглядеть, как бар-чарт.
При этом можно показывать как абсолютные значения, так и отклонения. Можно выделять столбики цветом или оставить единый цвет для всего графика. Можно выделять каждую точку на графике, а можно ничего не выделять.
При этом можно показывать как абсолютные значения, так и отклонения. Можно выделять столбики цветом или оставить единый цвет для всего графика. Можно выделять каждую точку на графике, а можно ничего не выделять.
СОВЕТ
Отмечайте контрастными точками минимальные/максимальные значения, или самые первые/последние значения. Для отмеченных двух точек можно вывести подписи данных.
Точки как маркеры минимальных и максимальных значений
История создания спарклайна
Эдвард Тафти
Спарклайн придумал в 1983 году Эдвард Тафти — гуру визуализации данных, чьи книги мы вам уже рекомендовали.
В начале своей карьеры Тафти никак не был связан с визуализацией информации. Он окончил Стэнфордский университет, где получил степень бакалавра и магистра в области статистики. В 1975 году он был приглашен преподавателем статистики для группы журналистов. Для них Тафти разработал курс лекций по статистическим графикам.
Материалы позже легли в основу его первой книги по информационному дизайну. Книга «Визуальное представление больших объемов информации» сейчас стала классикой. Издание книги в 1982 году Тафти профинансировал самостоятельно, взяв вторую закладную на дом.
В начале своей карьеры Тафти никак не был связан с визуализацией информации. Он окончил Стэнфордский университет, где получил степень бакалавра и магистра в области статистики. В 1975 году он был приглашен преподавателем статистики для группы журналистов. Для них Тафти разработал курс лекций по статистическим графикам.
Материалы позже легли в основу его первой книги по информационному дизайну. Книга «Визуальное представление больших объемов информации» сейчас стала классикой. Издание книги в 1982 году Тафти профинансировал самостоятельно, взяв вторую закладную на дом.
Изначально графики, похожие на спарклайны, использовали только в науке и медицине. При помощи простых линий показывали ритм сердца, звуковые волны. В 1970 году NASA опубликовало отчет о проблемах в лунном модуле Apollo. Вот страница из этого отчета:
Эдвард Тафти популяризировал эти графики. Сейчас их используют не только в астрофизике, но и в финансовых отчетах компаний.
Примеры из жизни
Примеры спарклайнов в визуализациях на дашбордах
СОВЕТ
Не делайте спарклайны слишком высокими или широкими. Сохраняйте оптимальное соотношение сторон. Самое главное в спарклайнах — правильное форматирование.
Идеальное соотношение сторон
ПРАКТИКУЕМСЯ
О датасете
Сегодняшний датасет о виски. В данных можно найти связь между особенностями вкуса той или иной марки и ее происхождением.
Задание
- Построить спарклайн-графики продаж виски по топ-странам, отображение количества которых можно задавать через параметр.
- Отметить годы, когда уровень продаж был максимальным.
- Создать аналогичный спарклайн, но уже в стиле win-loss.
- Разместить решение на дашборде с возможностью переключать визуализацию.
Скачать задание в виде книжки Tableau
Решение задания предыдущего дня
Лучше принять приблизительно верное решение, чем точно ошибиться.
// Иоганн Вольфганг Гёте
// Иоганн Вольфганг Гёте
ВДОХНОВЕНИЕ
Полезные ссылки по теме
Сегодня пара практических ссылок по теме спарклайнов и интереснейшая работа немецких коллег по микровизуализации. Изучать внимательно.
ВизВиз о спарках
О дизайне спарклайнов и как делать их действенными
ВизВиз о КПЭ
О том, как совмещать показатели и спарклайны на одном графике
Микровизуализация
Шикарная работа с большим количеством идей для смешанной графики
Видео
Продолжаем тему дизайна и сегодня вдохновимся неизменными принципами вместе с Россом Лавгроувом.
Гармоничный дизайн, на который вдохновила природа
Росс Лавгроув
МАТЕРИАЛЫ
Книги
Потрясающий сборник работ по информационному дизайну целого коллектива именитых авторов. Обязательно познакомьтесь.
Отличная возможность поиграться с выбором диаграмм
Можно оценить спектр инструментов визуализации под специфические задачи
Итоги этапа
Вот и добежали по приблизительному спарклайн-маршруту до конца дня. Натренировались быстро строить спарклайны, рассмотрели тенденции продаж виски. Взяли на заметку советы для проектов. Продолжить изучение дополнительных материалов можно позже. Встречаем красивую тему следующего дня — множественные графики. Приятного изучения! До встречи. Виз-виз урааа!
Бежим Марафон в команде!
С менторством и в компании единомышленников.
Нажимая кнопку, вы соглашаетесь на обработку персональных данных. Мы используем их, чтобы оставаться на связи. Подробнее здесь.
