Визуализация данных: как правильно выбрать диаграмму или график для годового отчета
Целевая аудитория вашей презентации либо отчета — инвесторы, руководство и просто люди — ожидают получить не ворох цифр, а уже сформулированные выводы либо понятно расставленные акценты. Возникает необходимость обратить внимание аудитории на факторы и обстоятельства, показать планы и стратегию.
Графическое отображение информации помогает донести нужную мысль, подкрепить сформулированный вывод либо подчеркнуть акцент
Но есть одна проблема — восприятие положительных и отрицательных результатов. При этом разные аудитории по-разному относятся даже к положительным. Например, журналисты могут скептически комментировать достижения. Акционеры склонны болезненно реагировать на убытки. И здесь необходим тонкий продуманный подход.
О неудачах и негативе можно рассказать очень скучно и нудно, а интересный и бодрый рассказ об успехах — подкрепить наглядной демонстрацией, включающей в себя презентацию с впечатляющими графиками. При этом правильно выбранная диаграмма может в корне изменить восприятие информации: если вы просто покажете, как рос доход компании в течение года, это будет не так впечатляюще, как если рядом будет показана динамика проседания вашего конкурента.
Одна из трудностей, которая существенно замедляет составление отчетов и аналитическую работу, заключается в подборе правильного типа диаграммы. Неверный ее выбор может вызвать путаницу в голове у зрителей или привести к ошибочной интерпретации данных.
Давайте посмотрим на инфографику о мировом производстве масла.
Инфографика Top Lead для компании Baker Tilly. Посмотреть в полном размере.
Здесь все — и объемы производства, экспорт, прогнозы, спрос, потребители и еще тонны информации. Эта инфографика вмещает в себя по сути огромный объем данных по целой отрасли. Тем не менее она проста в восприятии, и на графике четко видны определенные тенденции.
Чтобы создать диаграмму, которая объясняет и демонстрирует точную аналитику, сначала нужно понять причины, по которым вообще она может понадобиться. В этой статье мы рассмотрим пять вопросов, возникающих при выборе типа диаграммы. Затем мы дадим обзор 13 различных видов диаграмм, из которых можно выбрать самую подходящую.
5 вопросов, которые нужно задать себе при выборе диаграммы
1. Вам нужно сравнивать величины?
Графики идеально подходят для сравнения одного или нескольких наборов величин, и они могут легко отображать самые низкие и высокие показатели.
Для создания сравнительной диаграммы используйте следующие типы: гистограмма, круговая диаграмма, точечная диаграмма, шкала со значениями.
2. Вы хотите показать структуру чего-либо?
Например, вы хотите рассказать о типах мобильных устройств, которые используют посетители сайта или общий объем продаж, разбитый на сегменты.
Чтобы показать структуру, используйте следующие диаграммы: круговая диаграмма, гистограмма с накоплением, вертикальный стек, областная диаграмма, диаграмма-водопад.
3. Вы хотите понять, как распределяются данные?
Таблицы с распределением помогают понять основные тенденции и отметить, что выходит за рамки.
Используйте эти диаграммы: точечная диаграмма, линейная диаграмма, гистограмма.
4. Вы заинтересованы в анализе тенденций в определенном наборе данных?
Если вы хотите узнать больше о том, как цифры ведут себя в течение конкретного временного периода, есть типы диаграмм, которые очень хорошо это отображают.
Вам пригодятся: линейная диаграмма, двойная ось (столбец и линия), гистограмма.
5. Хотите лучше понять взаимосвязь между установленными значениями?
Взаимосвязанные графики подходят для того, чтобы показать, как одна переменная относится к другой или нескольким различным переменным. Это можно использовать, чтобы показать положительное, отрицательное или нулевое влияние на другую цифру.
Используйте для этого следующие диаграммы: точечная диаграмма, пузырьковая диаграмма, линейная диаграмма.
13 различных типов диаграмм для анализа и представления данных
Чтобы лучше понять каждый график и возможности его применения, рассмотрим все типы диаграмм.
Гистограмма
Гистограмма используется, чтобы показать сравнение между различными элементами, также она может сравнить элементы за определенный промежуток времени. Этот формат можно использовать для отслеживания динамики переходов на лендинг или количества клиентов за определенный период.
Инфографика Top Lead для юридической компании AEQUO
Рекомендации по дизайну для столбчатых диаграмм
1. Подбирайте единую цветовую гамму и акцентируйте цветом места, которые хотите выделить как значимые моменты перелома или изменения с течением времени.
2. Используйте горизонтальные метки, чтобы улучшить читаемость.
3. Начните ось y с 0, чтобы правильно отразить значения на графике.
Горизонтальная гистограмма
Гистограмму — в основном горизонтальную столбчатую — следует использовать, чтобы избежать путаницы, когда одна полоска данных слишком длинная или в случае сравнения более 10 элементов. Этот вариант также может использоваться для визуализации отрицательных значений.
Инфографика Top Lead для интернет-издания Aggeek. Посмотреть в полном размере.
Рекомендации по дизайну для гистограмм
1. Подбирайте единую цветовую гамму и акцентируйте цветом места, которые хотите выделить как значимые точки перелома или изменения с течением времени.
2. Используйте горизонтальные метки, чтобы улучшить читаемость.
3. Начните ось Y с 0, чтобы правильно отразить значения на графике.
Линейная диаграмма
Линейная диаграмма отображает тенденции или прогресс и может использоваться для визуализации самых разных категорий данных. Ее следует использовать, когда вы создаете график, основанный на длительном сборе данных.
Инфографика Top Lead. Линейная диаграмма — снизу.
Рекомендации по дизайну для линейных диаграмм
1. Используйте сплошные линии.
2. Не рисуйте больше четырех линий, чтобы избежать появления визуальных отвлекающих факторов.
3. Используйте правильную высоту, чтобы линии занимали примерно 2/3 высоты оси Y.
Диаграмма с двойной осью
Двухосевая диаграмма позволяет выстраивать данные с использованием двух осей — Х и Y. Используется несколько наборов данных, один из которых, например, — данные за период, а другой — лучше подходит для группировки по категориям. Таким образом можно продемонстрировать корреляцию или ее отсутствие между разными показателями.
Инфографика Top Lead для Growth Up. Диграмма с двойной осью — вверху.
Рекомендации по дизайну для диаграмм с двумя осями
1. Используйте левую ось Y для основной переменной, потому что для людей естественно сначала смотреть влево.
2. Используйте разные стили графиков, чтобы проиллюстрировать два набора данных.
3. Выберите контрастные цвета для сравниваемых наборов данных.
Областная диаграмма
Областная диаграмма в целом выглядит как линейная диаграмма, но пространство между осью Х и линией графика заполняется цветом или рисунком. Такой вариант подойдет для демонстрации отношений между частями одного целого, например, вклада отдельных торговых представителей в общий объем продаж за год. Это поможет проанализировать как всю картину в целом, так и информацию о тенденциях на отдельных участках.
Инфографика Top Lead для компании Baker Tilly. Сверху вниз: круговая диаграмма, две обласных диаграммы, круговые диаграммы.
Рекомендации по дизайну для диаграмм областей
1. Используйте полупрозрачные цвета.
2. Используйте не более четырех категорий, чтобы избежать путаницы.
3. Организовывайте данные с высокой частотой изменчивости в верхней части диаграммы, чтобы было легче воспринимать динамические изменения.
Штабельная диаграмма
Ее можно использовать для сравнения большого количества различных составляющих. Например, частоту посещения нескольких сайтов и каждой страницы в отдельности.
Инфографика и верстка — Top Lead. Для "Нафтогаз України". Штабельная диаграмма — внизу слева. Посмотреть в полном размере.
Рекомендации по дизайну для штабельных диаграмм
1. Лучше всего использовать ее для иллюстрации отношений "часть-целое". Для большей наглядности выбирайте контрастные цвета.
2. Сделайте масштаб диаграммы достаточно большим, чтобы видеть размеры групп по отношению друг к другу.
Круговая диаграмма
Круговая диаграмма отображает статическое число и то, как части складываются в целое — состав чего-либо. Круговая диаграмма показывает числа в процентах, и общая сумма всех сегментов должна равняться 100%.
Инфографика и верстка — Top Lead. Для "Нафтогаз України". Посмотреть в полном размере.
Рекомендации по дизайну для круговых диаграмм
1. Не добавляйте слишком много категорий, чтобы разница между срезами была хорошо заметна.
2. Убедитесь, что общая сумма всех частей составляет 100%.
3. Необходимо упорядочить части в соответствии с их размером.
Инфографика Top Lead для компании Baker Tilly. Посмотреть в полном размере.
Диаграмма-водопад
Диаграмма-водопад используется для демонстрации того, как промежуточные значения — положительные и отрицательные — влияют на изначальное значение и приводят к окончательному результату. Примером может служить визуализация того, как общий доход компании зависит от различных отделов и превращается в конкретный объем прибыли.
Инфографика и верстка — Top Lead. Годовой отчет "Нафтогаз України". Диаграмма-водопад в верхней половине верстки. Посмотреть в полном размере.
Рекомендации по дизайну для водопадных диаграмм
1. Используйте контрастные цвета, чтобы выделить различия в наборах данных.
2. Выбирайте теплые цвета, чтобы показать рост, и холодные цвета — для падения.
Воронкообразная диаграмма
Диаграмма-воронка отображает последовательность этапов и скорость завершения каждого из них. Ее можно использовать для отслеживания процесса продаж или взаимодействия пользователей с сайтом.
Инфографика Top Lead.
Рекомендации по дизайну для воронкообразных диаграмм
1. Масштабируйте размер каждой секции, чтобы точно отобразить объем набора данных.
2. Используйте контрастные цвета или оттенки одного цвета от самого темного до самого светлого по мере сужения воронки.
Есть еще несколько видов графиков — они используются не так часто, но тоже могут пригодиться для визуализации болььших объемов данных. Среди них:
Точечная диаграмма
Точечная диаграмма показывает взаимосвязь между двумя различными переменными или демонстрирует распределяющие тенденции. Она подходит, если у вас много разных точечных данных, и вы хотите найти общее в наборе данных. Такая визуализация хорошо работает в поиске исключений или закономерности распределения данных.
Рекомендации по дизайну для точечных диаграмм
1. Включите больше переменных, таких как разные размеры, чтобы объединить больше данных.
2. Начните ось Y с 0 для точного распределения данных.
3. Если вы используете линии тенденций, необходимо ограничиться максимум двумя, чтобы график был понятен.
Пузырьковая диаграмма
Пузырьковая диаграмма похожа на точечный график. Но только в том смысле, что она может показывает распределение и взаимосвязь. Существует третий набор данных, который обозначается размером круга.
Рекомендации по дизайну для пузырьковых диаграмм
1. Проводите градацию пузырьков по занимаемой ими площади, а не по диаметру.
2. Убедитесь, что метки четкие и хорошо видны.
3. Используйте только круги.
Шкала со значениями
Такой график показывает прогресс в достижении цели, сравнивает его по разным критериям и отображает результат как рейтинг или производительность.
Рекомендации по разработке дизайна для шкалы со значениями
1. Используйте контрастные цвета, чтобы показать динамику.
2. Используйте один цвет в разных оттенках для оценки прогресса.
Тепловая карта
Тепловая карта показывает взаимосвязь между двумя элементами и предоставляет рейтинговую информацию. Информация о рейтинге отображается с использованием различных цветов или разной насыщенности.
Рекомендации по разработке дизайна для тепловой карты
1. Используйте базовый и четкий план карты, чтобы не отвлекать зрителей от данных.
2. Используйте разные оттенки одного цвета, чтобы показать изменения.
3. Избегайте использования нескольких шаблонов.
Вариантов дизайна может быть огромное количество.
Чтобы узнать больше о подготовке нефинансовых отчетов и послушать кейсы таких компаний как Coca-Cola, Kernel, Нова Пошта, 1+1 Media, Infopulse и других, регистрируйтесь на нашу онлайн-конференцию Corporate Reporting Conference 2020. Жмите на баннер, чтобы узнать подробности, а билеты покупайте прямо в Фейсбуке: