ДЕНЬ 18
Про линейные и множественные графики
Вчера спарклайны нам помогали видеть тренды.
СЕГОДНЯ
Бежим дальше! Повторяем линейный график и узнаем одну из его вариаций — график с накоплением. Быстро пробегаем мимо старой темы и погружаемся в удивительные примеры построения множественных графиков. Практичные приемы работают для сферы инфодизайна, фотографии и даже архитектуры. Разбираем подходы к построению multiples в Tableau и вдохновляемся прекрасными примерами из книги «Визуальные инсайты». С практикой справятся самые смышленые и внимательные марафонцы. Ну что, побежали?
СЕГОДНЯ
Бежим дальше! Повторяем линейный график и узнаем одну из его вариаций — график с накоплением. Быстро пробегаем мимо старой темы и погружаемся в удивительные примеры построения множественных графиков. Практичные приемы работают для сферы инфодизайна, фотографии и даже архитектуры. Разбираем подходы к построению multiples в Tableau и вдохновляемся прекрасными примерами из книги «Визуальные инсайты». С практикой справятся самые смышленые и внимательные марафонцы. Ну что, побежали?
РАЗБИРАЕМСЯ
График с накоплением / Stacked Area Chart
В начале марафона мы затрагивали линейные графики — основной визуальный способ показать изменение данных во времени. График с накоплением — одна из вариаций стандартного линейного графика. В этом виде графика при показе нескольких подкатегорий данных они накладываются непосредственно друг на друга. То есть, каждое новое значение данных прибавляется к уже существующим значениям, образуя «новый слой». Самая верхняя линия графика представляет собой сумму всех имеющихся под ней данных.
График с накоплением использует площадь, чтобы выражать целые числа. Поэтому он не работает для отрицательных значений.
График с накоплением использует площадь, чтобы выражать целые числа. Поэтому он не работает для отрицательных значений.
В отличие от стандартного линейного графика, который показывает только изменение во времени, график с накоплением отражает и сопоставление подкатегорий между собой.
При этом числовой показатель на оси может быть как в абсолютных значениях, так и в процентах, показывая долю от общей суммы.
Важно! Когда «слоев» много, сложно сравнивать данные и оценивать долю каждого сегмента. Старайтесь показывать не более 3-5 подкатегорий данных.
Как построить график с накоплением
- Добавьте нужное поле даты в Columns. Выберите необходимую детализацию даты, нажав на поле правой кнопкой мыши.
- Добавьте нужную меру в Rows.
- Добавьте категорию, по которой вы хотите разбить график на «слои», на полку цвета — Color.
- Там же, на карточке с визуальными атрибутами, поменяйте тип визуализации с Automatic на Area.
Подробнее тут →
Примеры
График с накоплением используют, если нужно показать изменение величины во времени и соотношение ее подкатегорий между собой.
СОВЕТ
Сортируйте сегменты так, чтобы самые крупные или самые важные сегменты находились ближе к основанию графика. Так легче сравнивать нужное.
Множественные графики / Small Multiples
Термин Small Multiples предложил и популяризировал Эдвард Тафти. Он описал этот способ визуализации как графические изображения, которые находятся в одном контексте, но имеют разное содержание ("graphical depictions of variable information that share context, but not content").
Мы бы перевели название как «множественные графики». Они позволяют визуально сравнивать многомерные данные в удобном формате. Скорее всего, их было бы сложно сравнить другим образом.
Все графики разделяют один и тот же контекст, показатель, внешнее оформление. Освоив визуальное представление одного графика, тут же понятны все остальные. Простота имеет решающее значение.
Все графики разделяют один и тот же контекст, показатель, внешнее оформление. Освоив визуальное представление одного графика, тут же понятны все остальные. Простота имеет решающее значение.
Когда одного графика недостаточно.
Кадр из ситкома «Комьюнити»
Кадр из ситкома «Комьюнити»
Как построить
Один из способов построить множественные графики — использовать поля измерений для создания сетки графиков.
Выбирайте простые и понятные визуализации. Не подбирайте сложные графики-водопады или детализированные графики с накоплением десяти категорий. Пользователь должен понимать контекст и считывать тренды.
- Постройте нужную вам визуализацию.
- Добавьте измерения для создания «срезов» — по одному в Rows и в Columns.
- Сделайте необходимое форматирование.
Выбирайте простые и понятные визуализации. Не подбирайте сложные графики-водопады или детализированные графики с накоплением десяти категорий. Пользователь должен понимать контекст и считывать тренды.
Существует еще один способ построения множественных графиков. Его используют для множественных карт или для графиков, если, исходя из задачи, не нужно использовать измерения для формирования «сетки» графиков.
Подход основывается на создании мнимого поля, которое не содержит данных, но разделяет визуализацию, как шкалу на отрезки.
Больше по этой ссылке →
Или по этой →
А еще из видео Энди →
Подход основывается на создании мнимого поля, которое не содержит данных, но разделяет визуализацию, как шкалу на отрезки.
Больше по этой ссылке →
Или по этой →
А еще из видео Энди →
СОВЕТ
Подходите к форматированию множественных графиков как к спарклайнам. Простота и ничего лишнего!
Примеры
Посмотрите на разные множественные диаграммы. Да, в них нет высокой точности, зато мы видим тенденцию. А если понадобятся точные цифры, узнаем их с помощью всплывающих подсказок или сопутствующих графиков.
Хорошие примеры:
Хорошие примеры:
Плохой пример:
Множественные графики НЕ на дашбордах
Small Multiples — сильный визуальный ход, которым пользуются и фотографы, и архитекторы, и дизайнеры.
ПРАКТИКУЕМСЯ
О датасете
Статистика по продажам стандартного и премиального виски с 1990 по 2016 год по странам мира.
Задание
- Построить график накопления в разрезе категорий цены за период с 2000 по 2016 год.
- Постройте Percent Stacked Area Chart в разрезе категорий цены.
- Постройте Small Multiples в разрезе категорий цены виски и топ-5 странам, отобразив динамику их продаж.
- Постройте на основе этих графиков дашборд.
Скачать задание в виде книжки Tableau
Решение задания предыдущего дня
Есть люди, которые никогда не ошибаются, потому что не хотят делать.
// Иоганн Вольфганг Гёте
// Иоганн Вольфганг Гёте
ВДОХНОВЕНИЕ
Полезные ссылки по теме
Три взгляда на проблемы графиков с накоплением помогут найти ситуативные решения в ваших проектах. Сравнивать обязательно.
Cole Nussbaumer Knaflic
Немного в защиту графиков с накоплением
Jonathan Schwabish
Пример кейса переделки виза
Andy Cotgreave
Еще о переделках
Множественные графики в информационном дизайне
Small Multiples: visual explorations in architecture and information design
WIKI Все о информационном дизайне
На проверку
Видео
Для новичков Tableau комьюнити полезно познакомиться с историей последних разработок и усовершенствований продукта.
Tableau Tim
Канал практика
Обновленный курс для сертификации
Tableau Expert Full Course 2023
МАТЕРИАЛЫ
Книги
Классика жанра. Без комментариев.
Итоги этапа
Усвоили две темы за один раз. Посмотрели со стороны на проблемы графиков с накоплением, взяли на заметку плюсы и минусы. Научились строить множественные графики и ушли рассматривать «Визуальные открытия». Завтра будем учиться попадать в цель нашими буллет-чартами. До нового дня. Виз-виз урааа!
Бежим Марафон в команде!
С менторством и в компании единомышленников.
Нажимая кнопку, вы соглашаетесь на обработку персональных данных. Мы используем их, чтобы оставаться на связи. Подробнее здесь.
