ДЕНЬ 24
Про пирожки и пончики
Вчера мы методично корпели над Гант- чартами.
СЕГОДНЯ
День круглых лакомств: пирожки и пончики. Изучаем, как правильно использовать круговые диаграммы и какие альтернативы им существуют. Осваиваем инструменты Tableau для создания эффективных визуализаций. Анализируем типичные ошибки и делаем выводы для своих проектов. Узнаем мнение экспертов в области визуальных наук о том, как пончики влияют на дизайн дашборда, и читаем научные обоснования в книге Коул Нассбаумер. Всем визуального ЗОЖ. Побежали!
СЕГОДНЯ
День круглых лакомств: пирожки и пончики. Изучаем, как правильно использовать круговые диаграммы и какие альтернативы им существуют. Осваиваем инструменты Tableau для создания эффективных визуализаций. Анализируем типичные ошибки и делаем выводы для своих проектов. Узнаем мнение экспертов в области визуальных наук о том, как пончики влияют на дизайн дашборда, и читаем научные обоснования в книге Коул Нассбаумер. Всем визуального ЗОЖ. Побежали!
РАЗБИРАЕМСЯ
Круговые диаграммы и пончики / Pie Charts & Donut Charts
Круговая диаграмма — это способ визуализации данных, который демонстрирует составные части целого и их относительный вес при помощи секторов круга. Угол каждого сектора соответствует проценту категории, а весь круг представляет собой 100%.
Круговые диаграммы хорошо подходят для сравнения небольшого числа групп. Однако специалисты по визуализации данных их часто критикуют. В чем причина недовольства?
Пончики — это разновидность круговой диаграммы, в которой центр круга вырезан. Это позволяет разместить там какую-то дополнительную информацию, например, название показателя или значение целевого показателя.
Круговые диаграммы хорошо подходят для сравнения небольшого числа групп. Однако специалисты по визуализации данных их часто критикуют. В чем причина недовольства?
Пончики — это разновидность круговой диаграммы, в которой центр круга вырезан. Это позволяет разместить там какую-то дополнительную информацию, например, название показателя или значение целевого показателя.
Плохие примеры круговых диаграмм
Круговые диаграммы очень часто используются неправильно или неэффективно по сравнению с другими способами визуализации. Пользоваться ими нужно аккуратно и с вниманием к деталям. Рассмотрим некоторые плохие примеры.
Один из самых плохих способов использования круговых диаграмм — это показ динамики данных во времени.
Автор такой визуализации ожидает, что ее зритель будет сравнивать углы секторов в нескольких кругах, чтобы увидеть, как меняются значения. Это очень трудная задача для нашего восприятия — нужно не только заметить, но и запомнить цифры, соотнести их в голове и определить, что чего больше и насколько.
Автор такой визуализации ожидает, что ее зритель будет сравнивать углы секторов в нескольких кругах, чтобы увидеть, как меняются значения. Это очень трудная задача для нашего восприятия — нужно не только заметить, но и запомнить цифры, соотнести их в голове и определить, что чего больше и насколько.
Слишком сложная визуализация секторов. Без подписей данных в них разобраться сложно. Есть и другие недостатки: неупорядоченное расположение, 3D-эффект, яркая цветовая кодировка и отсутствие сортировки.
Это примеры из Википедии. Круговая диаграмма демонстрирует страны по их площади. Когда сегментов слишком много, круговые диаграммы становятся нечитабельными. Попробуйте объединить менее значимые сегменты в группу «Другие», чтобы сократить количество секторов круга до 5.
Из-за 3D-эффекта и особенностей цветового кодирования, красный сегмент на переднем плане кажется нам больше, чем такой же сегмент синего цвета, хотя они равны по значению.
А есть хорошие примеры?
Круговые диаграммы могут быть полезными для понимания дашборда, если их использовать правильно. Попробуйте создать свои собственные круговые диаграммы и учтите наши советы. Не забывайте их применять на практике.
Круговые диаграммы могут быть полезными для понимания дашборда, если их использовать правильно. Попробуйте создать свои собственные круговые диаграммы и учтите наши советы. Не забывайте их применять на практике.
Недостатки круговых диаграмм
- трудно сравнивать данные между собой. У каждого сектора разная точка отсчета (так как они идут по кругу, один за другим);
- нельзя показать много данных. Читабельность диаграммы сильно снижается после 5 секторов;
- чем больше категорий на диаграмме, тем хуже видны маленькие секторы;
- занимают много места на дашборде.
Кроме того, помните, что круговые диаграммы:
- не подходят для показа динамики пропорций во времени;
- не подходят для точных сравнений данных по категориям;
- не любят излишнего визуального оформления и 3D объема.
Как построить простую круговую диаграмму
- Добавьте нужную меру в Columns.
- Добавьте нужную категорию в Rows. Будет автоматически создан бар-чарт.
- Откройте Show Me и выберите визуализацию круговой диаграммы. Чтобы увеличить созданную диаграмму, удерживайте Ctrl + Shift (Cmd + стрелка вверх на Mac) и нажимайте B несколько раз.
- Перетащите нужные поля в подпись и цвет на панели слева.
Подробнее тут →
Как построить пончик
Сначала база
Создайте простой пай-чарт — это будет основной будущего пончика.
Теперь оси
Превращаем вторую круговую диаграмму в кружок
Подробнее тут →
Создайте простой пай-чарт — это будет основной будущего пончика.
Теперь оси
- Перетащите поле Number of Records в строку Rows.
- Перетащите еще одно поле Number of Records в строку Rows. Мы должны получить две оси — две круговые диаграммы рядом.
- В строке Rows, установите агрегацию на обоих полях на MIN — Минимум. Для этого щелкните правой кнопкой мыши по каждому добавленному полю и выберите в меню Measure (Sum) > Minimum.
Превращаем вторую круговую диаграмму в кружок
- В левой части, в области Marks, выберите нижнюю вкладку MIN(Number of Records) (2).
- Уберите все поля, которые находятся в Color, Size, Segment.
- Уменьшите размер кружка при помощи Size.
- Измените цвет кружка на цвет фона визуализации, например, на белый.
- Добавьте нужные поля в Label.
- Наверху, в Rows, нажмите правой кнопкой мыши на второе поле Number of Records и выберите Dual Axis. Соедините две диаграммы в одну.
Подробнее тут →
СОВЕТ
Используйте круговую диаграмму с секторами для фильтрации других диаграмм на дашборде.
ПРАКТИКУЕМСЯ
О датасете
Для сегодняшней практики построения донатc-чартов мы взяли данные о лауреатах Нобелевской премии за 1901-2022 гг.
Задание
- Постройте два донатс-чарта, отображающих количество лауреатов в разрезе категорий и в разрезе стран.
- Разместите решение на дашборде.
Скачать задание в виде книжки Tableau
Решение задания предыдущего дня
Желудок просвещенного человека имеет лучшие качества доброго сердца: чувствительность и благодарность.
// А.С. Пушкин
// А.С. Пушкин
ВДОХНОВЕНИЕ
Полезные ссылки по теме
Как улучшать пай-чарты
Последовательная внимательная настройка мельчайших компонентов
Почему пай-чарты — не те, кем кажутся
Пост Роберта Косары и его видео том, как читать пай-чарты «по науке»
Видео
Тему вредности донатсов для визуального здоровья продолжит аргументировать заслуженный деятель сторителлинговых наук Коул Нассбаумер.
Смерть пай-чартам
Cole Nussbaumer
МАТЕРИАЛЫ
Книги
А теперь для повторения озвученных в видео тезисов ставим на полку книгу Коул.
e-book
Cборник советов, уроков и стратегий по использованию программы Tableau для визуализации данных от автора и консультанта Райана Слипера.
33 Ways to Tableau by Ryan Sleeper
33 способа создания графиков, анализ данных, оптимизация производительности и сторителлинг
Итоги этапа
Несмотря ни на что, люди любят круговые диаграммы. Сегодня мы углубились в эту проблему и поняли, какие есть решения. Научились строить пай-чарты и донатcы в Tableau.
Следуя советам, попробовали разные способы улучшения круговых диаграмм или их замену на другие визы.
Готовимся к новому дню и освоению диаграммы слоупграф, чтобы понять насколько важен угол наклона. До встречи. Виз-виз урррааа!
Следуя советам, попробовали разные способы улучшения круговых диаграмм или их замену на другие визы.
Готовимся к новому дню и освоению диаграммы слоупграф, чтобы понять насколько важен угол наклона. До встречи. Виз-виз урррааа!
Бежим Марафон в команде!
С менторством и в компании единомышленников.
Нажимая кнопку, вы соглашаетесь на обработку персональных данных. Мы используем их, чтобы оставаться на связи. Подробнее здесь.
