ДЕНЬ 24
Про слоупграфы
СЕГОДНЯ
Мы с вами пробежали точку экватора марафона и начали свои завершающий путь по наклонной. Направление наклона каждый выбирает себе сам. Сегодня мы как раз пробегаем слоупграфы (slope graphs) для этих целей. Смотрим на примеры использования и учимся строить средствами Tableau, а также настраивать детали эстетики внешнего вида визов. На книжной полке работа Доны Вонг из WSJ - классика визуального представления деловой информации. Ну, что? Побежали в неизвестном направлении!
Мы с вами пробежали точку экватора марафона и начали свои завершающий путь по наклонной. Направление наклона каждый выбирает себе сам. Сегодня мы как раз пробегаем слоупграфы (slope graphs) для этих целей. Смотрим на примеры использования и учимся строить средствами Tableau, а также настраивать детали эстетики внешнего вида визов. На книжной полке работа Доны Вонг из WSJ - классика визуального представления деловой информации. Ну, что? Побежали в неизвестном направлении!
РАЗБИРАЕМСЯ
Слоупграф / Slopegraph
Что это такое
Слоупграф – "Slope + graph" – можно перевести на русский как диаграмма наклона. Слоупграфы используют для показа состояния "до и после" на основе значений показателя в разные периоды времени.
Все категории выстраиваются в отсортированной последовательности по двум столбцам. Затем, два значения одной и той же категории соединяются линией, чтобы показать связь.
Все категории выстраиваются в отсортированной последовательности по двум столбцам. Затем, два значения одной и той же категории соединяются линией, чтобы показать связь.
Как читать слоупграф?
Смотрим на проранжированный порядок категорий слева, чтобы быстро словить общий тренд и понять картинку "до". Затем следим за линиями, которые связывают два значения. Какие из них опустилась вниз, а какие резко поднялась? Какие остались неизменны? Фокус на общей картинке, перед тем как опускаться до деталей. Иногда, цветом выделяют наиболее драматичные изменения по показателю.
Смотрим на:
Смотрим на проранжированный порядок категорий слева, чтобы быстро словить общий тренд и понять картинку "до". Затем следим за линиями, которые связывают два значения. Какие из них опустилась вниз, а какие резко поднялась? Какие остались неизменны? Фокус на общей картинке, перед тем как опускаться до деталей. Иногда, цветом выделяют наиболее драматичные изменения по показателю.
Смотрим на:
- Порядок категорий
- Значение данных рядом с их именами
- Изменение показателя по наклону
- Наклоны по сравнению друг с другом
- Отклонения в общем тренде по заметным отклонениям
Слева - таблица, справа - слоупграф
Слоупграфы также применимы при большом количестве строк. Они относительно компактны и интуитивны. Это – визуальные "таблицы", которые оживают с добавлением линии наклона и цвета. Только сравните два примера выше и оцените наглядность слоупграфа. Это визуальные атрибуты в действии: вашему сознанию не нужно обдумывать происходящее и делать сложные расчеты по сравнению величин в голове – ваши глаза уже это сделали.
Первый слоупграф, который конечно в то время еще так не называли, нашелся в статистическом атласе США 1883 года.
Первый слоупграф, который конечно в то время еще так не называли, нашелся в статистическом атласе США 1883 года.
Статистический атлас США 1883 года - первое изображение данных в виде слоупграфа.
Самый первый слоупграф
Самый первый слоупграф
История создания
Автором слоупграфов в современном информационном дизайне считается Эдвард Тафти, который нам уже знаком. Диаграмма была описана в его книжке The Visual Display of Quantitative Information в 1983 году, однако тогда слоупграф не получил должной популярности. Но почему?
Как утверждает Тафти в своей книге, слоупграф полезен для того, чтобы увидеть:
- Отсутствие имени. Тогда, Тафти называл слоупграф просто "табличная графика" ("table-graphic").
- Абсолютно новый концепт. Если спарклайны от Тафти легко понимались как "упрощенные графики", то слоупграф – что-то новое.
Как утверждает Тафти в своей книге, слоупграф полезен для того, чтобы увидеть:
- ранжированность категорий
- значения показателя рядом с категорией
- как значения по категории менялись во времени
- насколько сильным было изменение значений по категории
- любое необычное отклонение от общего тренд
Эдвард Тафти
За последние несколько лет, количество примеров слоупграфов заметно прибавилось. Нам неизвестно, что стало триггером роста популярности, но мы этому рады.
Как построить
1. Добавьте дискретное поле с датой в Columns: поставьте его на детализацию YEAR, если хотите показать изменение показателя по годам.
2. Добавьте меру в Rows.
3. Добавьте нужную категорию, которая будет разделять график на отдельные линии, в Details на полке Marks.
4. Добавьте подписи линий и значения
5. Закончите форматирование
Более продвинутый вариант слоупграфа:
Подробнее тут →
2. Добавьте меру в Rows.
3. Добавьте нужную категорию, которая будет разделять график на отдельные линии, в Details на полке Marks.
4. Добавьте подписи линий и значения
5. Закончите форматирование
Более продвинутый вариант слоупграфа:
Подробнее тут →
Как добавить подписи в начале и в конце линии при помощи опций в меню Label
Примеры
Вместо того, чтобы показывать один показатель "до и после", некоторые слоупграфы просто используют удачную визуальную форму для показа отношений между двумя отдельными и разными показателями. Например, слоупграф может показывать слева общее количество олимпийских медалей по странам, а справа - население в этих странах.
СОВЕТ
Выделять цветом драматичные изменения.
ПРАКТИКУЕМСЯ
Решение задания предыдущего дня
– Будьте любезны, в каком направлении мне идти?
– В известном тебе, – ответил Кот.
– Оно мне неизвестно.
– Значит, в неизвестном.
Льюис Кэрролл. Алиса в Зазеркалье
– В известном тебе, – ответил Кот.
– Оно мне неизвестно.
– Значит, в неизвестном.
Льюис Кэрролл. Алиса в Зазеркалье
ВДОХНОВЕНИЕ
Полезные ссылки по теме
Дополнительно пара идей.
... популяризация виза
Быстрые обзоры визов
МАТЕРИАЛЫ
Книги
Сегодня на полке очередная книга как выразить себя на языке графики.
Что узнаем в книге:
+ выбрать лучший график, который соответствует вашим данным;
+ самый эффективный способ общения с лицами, принимающими решения, когда у вас есть пять минут своего времени;
+ как отображать колебания валютных курсов;
+ как эффективно использовать цвет;
+ как сделать «красочно», даже если доступны только черный и белый.
Книга организована в серии мини-семинаров, подкрепленных иллюстрированными примерами.
+ выбрать лучший график, который соответствует вашим данным;
+ самый эффективный способ общения с лицами, принимающими решения, когда у вас есть пять минут своего времени;
+ как отображать колебания валютных курсов;
+ как эффективно использовать цвет;
+ как сделать «красочно», даже если доступны только черный и белый.
Книга организована в серии мини-семинаров, подкрепленных иллюстрированными примерами.
Насмотренность - первое дело
Как работает
Итоги этапа
Побегали по разным видам наклонных. Научились строить слоупграфы в Tableau, разобрали примеры использования и набросали свои собственные варианты. Деловая графика от WSJ закрепляет материал и готовит к завтрашним новым видам визов. Всем до завтра. Виз виз карниз!
~
