ДЕНЬ 16
Про графики
СЕГОДНЯ
Повторяем линейный график и смотрим на одну из его вариаций - график с накоплением. Быстро пробегаем мимо старой темы и погружаемся в удивительные примеры построения множественных графиков. Практичные приемы работают как для сферы инфодизайна, фотографии и даже архитектуры. Разбираем подходы построения в Tableau и вдохновляемся прекрасными примерами из Визуальных инсайтов. Практику решают самые смышленые и невнимательные марафонцы. Ну что, побежали?
Повторяем линейный график и смотрим на одну из его вариаций - график с накоплением. Быстро пробегаем мимо старой темы и погружаемся в удивительные примеры построения множественных графиков. Практичные приемы работают как для сферы инфодизайна, фотографии и даже архитектуры. Разбираем подходы построения в Tableau и вдохновляемся прекрасными примерами из Визуальных инсайтов. Практику решают самые смышленые и невнимательные марафонцы. Ну что, побежали?
РАЗБИРАЕМСЯ
График с накоплением / Stacked Area Chart
Что это такое
В начале марафона, мы уже кратко рассматривали линейные графики - основной визуальный способ показывать изменение данных во времени. Одной из вариаций стандартного линейного графика является график с накоплением.
В этом виде графика, при показе нескольких подкатегорий данных, они накладываются непосредственно друг на друга. То есть, каждое новое значение данных прибавляется к уже существующим значениям, образуя «новый слой». Самая верхняя линия графика представляет собой сумму всех имеющихся под ней данных.
График с накоплением использует площадь, чтобы выражать целые числа. Поэтому он не работает для отрицательных значений.
В этом виде графика, при показе нескольких подкатегорий данных, они накладываются непосредственно друг на друга. То есть, каждое новое значение данных прибавляется к уже существующим значениям, образуя «новый слой». Самая верхняя линия графика представляет собой сумму всех имеющихся под ней данных.
График с накоплением использует площадь, чтобы выражать целые числа. Поэтому он не работает для отрицательных значений.
В отличие от стандартного линейного графика, который показывает только изменение во времени, график с накоплением отражает и сопоставление подкатегорий между собой.
При этом, числовой показатель на оси может быть как в абсолютных значениях, так и в процентах, показывая долю от общей суммы.
Минус этого вида визуализации проявляется при большом количестве "слоев". Становится сложно сравнивать данные и оценивать долю каждого сегмента. Старайтесь не показывать большое количество подкатегорий данных, ограничиваясь примерно 3-5.
Минус этого вида визуализации проявляется при большом количестве "слоев". Становится сложно сравнивать данные и оценивать долю каждого сегмента. Старайтесь не показывать большое количество подкатегорий данных, ограничиваясь примерно 3-5.
Как построить
1. Добавьте нужное поле даты в Columns. Поставьте необходимую детализацию даты, кликнув на поле правой кнопкой мыши.
2. Добавьте нужную меру в Rows.
3. Добавьте категорию, по которой вы хотите разбить график "на слои", на полку цвета - Color.
4. Там же, на карточке с визуальными атрибутами, поменяйте тип визуализации с Automatic на Area.
Подробнее тут →
2. Добавьте нужную меру в Rows.
3. Добавьте категорию, по которой вы хотите разбить график "на слои", на полку цвета - Color.
4. Там же, на карточке с визуальными атрибутами, поменяйте тип визуализации с Automatic на Area.
Подробнее тут →
Примеры
Эту визуализацию используют, если нужно показать изменение величины во времени и соотношение ее подкатегорий между собой.
СОВЕТ
Сортируйте сегменты так, чтобы самые крупные или самые важные сегменты находились ближе к основанию графика. Так легче проводить сравнение по тому, что вам важнее.
Множественные графики / Small Multiples
Что это такое
Термин Small Multiples был предложен и популяризован Эдвардом Тафти, который описал этот вид визуализации как графические изображения, которые находятся в одном контексте, но имеют разное содержание (...graphical depictions of variable information that share context, but not content).
Мы попробовали перевести этот термин на русский язык как множественные графики.
Множественные графики позволяют визуально сравнивать многомерные данные в удобном представлении. Скорее всего, их было бы сложно сравнить каким-то другим образом.
Все элементы разделяют один и тот же контекст, показатель, внешнее оформление. Разобравшись в визуальном представлении одного элемента, тут же понимаются все остальные. Простота имеет решающее значения - читатель должен сосредоточиться на данных.
Мы попробовали перевести этот термин на русский язык как множественные графики.
Множественные графики позволяют визуально сравнивать многомерные данные в удобном представлении. Скорее всего, их было бы сложно сравнить каким-то другим образом.
Все элементы разделяют один и тот же контекст, показатель, внешнее оформление. Разобравшись в визуальном представлении одного элемента, тут же понимаются все остальные. Простота имеет решающее значения - читатель должен сосредоточиться на данных.
Как построить
1. Постройте нужную вам визуализацию
2. Добавьте измерения для создания "срезов" - по одному в Rows и в Columns
3. Сделайте необходимое форматирование
2. Добавьте измерения для создания "срезов" - по одному в Rows и в Columns
3. Сделайте необходимое форматирование
Ориентируйтесь на чувство простоты и ясности. Не подбирайте сложные графики-водопады или детализированные графики с накоплением десяти категорий. Читатель должен понимать контекст, сразу видеть тренды. Выбирайте простые и понятные визуализации.
С созданием множественных карт в Tableau есть своя особенность. Подход основывается на создании мнимого поля, которое не содержит данных, но разделяет визуализацию, как шкалу на отрезки.
Больше по этой ссылке →
Или по этой →
Больше по этой ссылке →
Или по этой →
СОВЕТ
Подходите к форматированию множественных графиков как к форматированию спарклайнов.
Строим множественные графики в Tableau
ВизВиз
Примеры
Посмотрите на разнообразие примеров множественных диаграмм.
Да, здесь нет высокой точности, т.к. графики небольшие, а точки с данными, например на карте, еще меньше. Зато мы наглядно видим тендецию, а точные цифры нам помогут узнать всплывающие подсказки или сопутствующие графики, если это необходимо.
Хорошие примеры:
Да, здесь нет высокой точности, т.к. графики небольшие, а точки с данными, например на карте, еще меньше. Зато мы наглядно видим тендецию, а точные цифры нам помогут узнать всплывающие подсказки или сопутствующие графики, если это необходимо.
Хорошие примеры:
Плохие примеры:
Кстати, такой подход используется не только в визуализации данных в репортинге и на дашбордах. Это сильный визуальный ход, к которому обращаются и фотографы, и архитекторы, и дизайнеры - все, кто работает с информацией визуально.
ПРАКТИКУЕМСЯ
Датасет
Статистика по продажам стандартного и премиального виски с 1990 по 2016 год по странам мира.
Скачать датасет
Скачать датасет
Задание
1. *Построить area графики продаж ирланского виски по выбранным странам за период с 1990 по 2016, как показано на рис.1. Среднее значение продаж (график серого цвета) подсчитан с помощью FIXED LOD (см. ниже подсказку или пропускай)
2. Построить area графики продаж ирланского виски по выбранным странам за период с 1990 по 2016, как показано на рис.2
3. Разместите решения на дашборде.
Скачать задание в виде книжки Tableau
2. Построить area графики продаж ирланского виски по выбранным странам за период с 1990 по 2016, как показано на рис.2
3. Разместите решения на дашборде.
Скачать задание в виде книжки Tableau
Решение задания предыдущего дня
{FIXED [Year],[Quality]: AVG([Cases])}
Есть люди, которые никогда не ошибаются, потому что не хотят делать.
Иоганн Вольфганг Гёте
Иоганн Вольфганг Гёте
ВДОХНОВЕНИЕ
Полезные ссылки по теме
Четыре взгляда на проблемы графиков с накоплением помогут найти ситуативные решения в ваших проектах. Сравнивать обязательно.
Избавление от ярлыка с кричащими котами
Немного в защиту графиков с накоплением
Пример кейса переделки виза
о переделках
Видео
Для тех из вас друзья, кто только присоединился к комьюнити Tableau не лишним будет ознакомиться с историей последних разработок и усовершенствований продукта.
По многочисленным просьбам повторяем историю десятой версии
Бэн Джонс
МАТЕРИАЛЫ
Книги
Классика жанра. Без комментариев.
Small Multiples: visual explorations in architecture and information design
На проверку
Итоги этапа
Усвоили две темы за один раз. Посмотрели со стороны на проблемы графиков с накоплением, взяли на заметку плюсы и минусы. Научились строить множественные графики и ушли рассматривать Визуальные открытия. Завтра снова в бой и пули будут свистеть над нашими датасетами. До нового дня. Виз виз урааа!
~
