как правильно выбрать диаграмму или график для годового отчета

Целевая аудитория вашей презентации либо отчета — инвесторы, руководство и просто люди — ожидают получить не ворох цифр, а уже сформулированные выводы либо понятно расставленные акценты. Возникает необходимость обратить внимание аудитории на факторы и обстоятельства, показать планы и стратегию.

Графическое отображение информации помогает донести нужную мысль, подкрепить сформулированный вывод либо подчеркнуть акцент

Но есть одна проблема — восприятие положительных и отрицательных результатов. При этом разные аудитории по-разному относятся даже к положительным. Например, журналисты могут скептически комментировать достижения. Акционеры склонны болезненно реагировать на убытки. И здесь необходим тонкий продуманный подход.

О неудачах и негативе можно рассказать очень скучно и нудно, а интересный и бодрый рассказ об успехах — подкрепить наглядной демонстрацией, включающей в себя презентацию с впечатляющими графиками. При этом правильно выбранная диаграмма может в корне изменить восприятие информации: если вы просто покажете, как рос доход компании в течение года, это будет не так впечатляюще, как если рядом будет показана динамика проседания вашего конкурента.

Одна из трудностей, которая существенно замедляет составление отчетов и аналитическую работу, заключается в подборе правильного типа диаграммы. Неверный ее выбор может вызвать путаницу в голове у зрителей или привести к ошибочной интерпретации данных.

Давайте посмотрим на инфографику о мировом производстве масла.

^{Инфографика 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. Жмите на баннер, чтобы узнать подробности, а  билеты покупайте прямо в Фейсбуке:

Выбираем идеальную диаграмму для представления ваших данных. Просто и понятно

О чем это?

Книга отвечает на вопросы:

• Какую диаграмму выбрать, чтобы представленная на ней информация была понятна любому;
• Как нарисовать идеальную диаграмму на основе данных, которые нужно иллюстрировать;
• Как исправить неудачные схемы и графики.

Как построить идеальную диаграмму?

Какие бы данные вы ни хотели визуализировать, работа над иллюстрациями укладывается в три простых шага:

Шаг 1. От данных к идее – формулируем идею

Сформулируйте четкую идею, которую хотите донести до аудитории.

Шаг 2. От идеи к сравнению – определите тип сравнени

Любая идея укладывается в пять типов сравнения данных: покомпонентное, временное, частотное, позиционное и корреляционное. Определите, к какому из них относятся ваши данные.

Шаг 3. От сравнения к диаграмме – выберете тип диаграммы

Каждому типу сравнения соответствует определенный вид диаграмм. Подбирайте тип визуализации, исходя из типа сравнения.

Формулируем идею

Построение диаграмм начинается с формулирования основной мысли, которую вы хотите донести до аудитории с ее помощью. Основная идея — ответ на вопрос, что именно показывают нам данные и как они связаны между собой.

Самый простой способ сформулировать главную мысль — вынести ее в заголовок диаграммы.

Заголовок должен быть конкретным и нести в себе ответ на вопрос, который вы ставите перед аудиторией. При подборе слов используйте количественные и качественные характеристики и старайтесь избегать общих фраз и выражений.

Примеры конкретных и общих заголовков

Не забывайте главное правило: одна диаграмма — одна идея. Не старайтесь на одном графике показать все найденные вами связи и мысли. Такие диаграммы будут перегруженными и сложными для восприятия.

Определяем тип сравнения

Любую мысль и идею можно выразить при помощи одного из пяти типов сравнения. Ваша задача — правильно выбрать тип сравнения и подобрать к нему соответствующую диаграмму.

Небольшая подсказка:

1. Покомпонентное сравнение – ваши данные показывают определенную долю по отношению к целому.
2. Позиционное сравнение – вы хотите показать, как данные соотносятся друг с другом.
3. Временное сравнение – вы показываете, как данные изменяются во времени.
4. Частотное сравнение – вы хотите показать, какое количество объектов попадает в определенные диапазон.
5. Корреляционное сравнение – вы показываете, как данные зависят друг от друга.

Выбираем идеальную диаграмму

Каждому из типов сравнения соответствует свой вид диаграмм. Именно от его правильного выбора зависит понятность восприятия визуализированных данных.

Всего существует пять типов диаграмм и некоторые их вариации и комбинации:

1. Круговая диаграмма

Знакомый всем «пирог» – самый используемый тип диаграмм. По мнению Джина, это неоправданно, поскольку этот тип наименее практичен и должен составлять немногим более 5% всех диаграмм в презентациях.

2. Линейчатая диаграмма

Отдельные значения в этой диаграмме представлены полосами различной длины, расположенными горизонтально вдоль оси Х. По мнению автора, это самая недооцененная диаграмма, наиболее гибкий и универсальный тип, который должен был бы составлять 25% всех используемых диаграмм.

3. Гистограмма

Количественные соотношения некоторого показателя представлены в виде прямоугольников, площади которых пропорциональны. Чаще всего для удобства восприятия ширину прямоугольников берут одинаковую, при этом их высота определяет соотношения отображаемого параметра.

4. График

Знакомые всем со школы линейные графики состоят из точек на координатной сетке, соединенных линиями. Используются для характеристики вариации, динамики и взаимосвязи. Вместе с гистограммой должны составлять половину используемых диаграмм.

5. Точечная диаграмма

Она же диаграмма рассеивания, служит для размещения точек данных на горизонтальной и вертикальной оси с целью показать степень влияния одной переменной на другую. По мнению Желязны, ее должны использоваться в 10% случаев.

Не забывайте! Главная цель любой диаграммы — четко показать связи или зависимости между данными. Если иллюстрация не способна отразить взаимосвязи, лучше использовать таблицы.

Двойное сравнение

В некоторых случаях возникает необходимость показать на одном графике несколько типов сравниваемых данных и зависимость между ними.

В таких случаях необходимо определить основной тип сравнения и подбирать диаграмму на основании него. Например, если вы хотите показать вклад отдельных подразделений в общий доход компании в зависимости от месяцев, лучше использовать типы диаграмм для временного сравнения: график или гистограмму. А если вас больше интересует не изменение во времени, а конкретные достижения, используйте линейчатые диаграммы.

Помните: если на одной диаграмме не получается просто и понятно донести основную мысль, комбинируя данные, лучше использовать два отдельных виджета.

Шкалы, легенды и другие надписи

Идеальная диаграмма понятна для восприятия без дополнительной информации на ней. Однако это не означает, что вы не можете использовать шкалу или легенду, чтобы лучше донести основную мысль.

Главные правила при добавлении дополнительной информации:

1. Они не перегружают диаграмму.
2. Они не отвлекают от основной картинки.
3. Они дополняют диаграмму.

Конкретные примеры для каждого из типов сравнения и диаграмм вы можете найти в книге или использовать их электронную версию на сайте издательства.

Материалы по теме:

Делай красиво: как визуализировать самые сложные данные

Инструкция: как проверить продуктовые гипотезы на этапе дизайна

Топ-6 профессий для дизайнеров и производителей в 2030 году

6 известных компаний, которым ребрендинг пошел на пользу

Каким был бы мир, если бы все учились дизайн-мышлению

Дизайнер выяснил, какой цвет самый популярный в интернете

Основные типы диаграмм для визуализации данных

Диаграммы являются важной частью работы с данными, поскольку они позволяют сжать большие объемы данных в удобном для понимания формате. Визуализация данных может дать понимание тем, кто впервые смотрит на данные, а также передать результаты другим, которые не будут видеть необработанные данные. Существует бесчисленное множество типов диаграмм, каждый из которых имеет разные варианты использования. Часто самой сложной частью создания визуализации данных является определение того, какой тип диаграммы лучше всего подходит для поставленной задачи.

Выбор типа диаграммы зависит от множества факторов. Какие типы показателей, функций или других переменных вы планируете отображать? Кто является аудиторией, перед которой вы планируете выступать — это просто первоначальное исследование для себя или вы представляете более широкую аудиторию? Какой вывод вы хотите, чтобы сделал читатель?

В этой статье мы предоставим обзор основных типов диаграмм, которые чаще всего предлагаются инструментами визуализации. С этими диаграммами у вас будет широкий набор инструментов для удовлетворения ваших потребностей в визуализации данных. Рекомендации о том, когда выбирать каждый из них в зависимости от варианта использования, описаны в следующей статье.

Основополагающая четверка

В своей книге «Покажи мне числа» Стивен Фью предлагает четыре основных способа кодирования числовых значений, указывающих позиционное значение с помощью полос, линий, точек и прямоугольников. Итак, мы начнем с четырех основных типов диаграмм, по одной для каждого из этих средств кодирования значений.

Гистограмма

В гистограмме значения обозначаются длиной столбцов, каждый из которых соответствует измеряемой группе. Гистограммы могут быть ориентированы вертикально или горизонтально; вертикальные гистограммы иногда называют столбчатыми диаграммами. Горизонтальные гистограммы — хороший вариант, когда нужно построить много столбцов или метки на них требуют дополнительного места, чтобы их можно было прочитать.

Линейная диаграмма

Линейные диаграммы показывают изменения значений при непрерывных измерениях, например, при измерениях с течением времени. Движение линии вверх или вниз помогает выявить положительные и отрицательные изменения соответственно. Он также может выявить общие тенденции, чтобы помочь читателю сделать прогнозы или прогнозы будущих результатов. Несколько линейных диаграмм также могут привести к другим связанным диаграммам, таким как спарклайн или график хребта.

Точечная диаграмма

Точечная диаграмма отображает значения двух числовых переменных с помощью точек, расположенных на двух осях: по одной для каждой переменной. Диаграммы рассеяния — это универсальная демонстрация взаимосвязи между нанесенными на график переменными — независимо от того, является ли эта корреляция сильной или слабой, положительной или отрицательной, линейной или нелинейной. Диаграммы рассеяния также отлично подходят для выявления точек выбросов и возможных пробелов в данных.

Блочная диаграмма

В блочной диаграмме используются прямоугольники и усы для суммирования распределения значений в измеренных группах. Положения прямоугольника и концов усов показывают области, в которых находится большая часть данных. Чаще всего мы видим коробчатые диаграммы, когда у нас есть несколько групп для сравнения друг с другом; другие диаграммы с большей детализацией предпочтительнее, когда у нас есть только одна группа для построения.

Таблицы и отдельные значения

Прежде чем перейти к другим типам диаграмм, стоит уделить немного времени тому, чтобы оценить возможность отображения только необработанных чисел. В частности, когда у вас есть только одно число для отображения, простое отображение значения является разумным подходом к отображению данных. Когда точные значения представляют интерес для анализа, вы можете включить их в сопроводительную таблицу или с помощью аннотаций к графической визуализации.

Общие варианты

Дополнительные типы диаграмм могут возникать в результате изменения способов использования кодировок или включения дополнительных кодировок. Вторичные кодировки, такие как площадь, форма и цвет, могут быть полезны для добавления дополнительных переменных к более простым типам диаграмм.

Гистограмма

Если группы, изображенные на гистограмме, на самом деле являются непрерывными числовыми диапазонами, мы можем соединить столбцы вместе, чтобы создать гистограмму. Длина столбцов на гистограммах обычно соответствует количеству точек данных, а их шаблоны демонстрируют распределение переменных в ваших данных. Другой тип диаграммы, такой как линейная диаграмма, обычно используется, когда значение по вертикали не является подсчетом частоты.

Гистограмма с накоплением

Одной из модификаций стандартной гистограммы является разделение каждого столбца на несколько меньших столбцов на основе значений второй группирующей переменной, называемой гистограммой с накоплением. Это позволяет не только сравнивать значения основных групп, как на обычной гистограмме, но и иллюстрировать относительную разбивку каждой группы в целом на составные части.

Сгруппированная гистограмма

Если, с другой стороны, суб-гистограммы были помещены рядом в кластеры, а не в стопки, мы получили бы сгруппированную гистограмму. Сгруппированная столбчатая диаграмма не позволяет сравнивать итоги по основным группам, но гораздо лучше позволяет сравнивать подгруппы.

Точечный график

Точечный график похож на гистограмму в том смысле, что он показывает значения для различных категорийных группировок, но кодирует значения на основе положения точки, а не длины столбца. Точечные диаграммы полезны, когда вам нужно сравнить категории, но нулевой базовый уровень не информативен и не полезен. Вы также можете думать о точечном графике как о линейном графике с удаленной линией, чтобы его можно было использовать с переменными с неупорядоченными категориями, а не только с непрерывными или упорядоченными переменными.

Диаграмма с областями

Диаграмма с областями начинается с той же основы, что и линейная диаграмма — точки значений, соединенные линейными сегментами, — но добавляется концепция гистограммы с штриховкой между линией и базовой линией. Эту диаграмму чаще всего можно увидеть в сочетании с концепцией суммирования, чтобы показать, как сумма изменилась с течением времени, а также как изменились вклады ее компонентов.

Диаграмма с двумя осями

Диаграммы с двумя осями накладываются на две разные диаграммы с общей горизонтальной осью, но с потенциально разными масштабами вертикальной оси (по одной для каждой диаграммы компонента). Это может быть полезно, чтобы показать прямое сравнение между двумя наборами вертикальных значений, а также включить контекст переменной горизонтальной оси. Обычно используются разные типы базовых диаграмм, такие как комбинация столбцов и линий, чтобы избежать путаницы с различными шкалами осей для каждой компонентной диаграммы.

Пузырьковая диаграмма

Другой способ показать взаимосвязь между тремя переменными — модифицировать точечный график. Когда третья переменная является категориальной, точки могут использовать разные формы или цвета для обозначения принадлежности к группе. Если точки данных каким-то образом упорядочены, точки также можно соединить с отрезками, чтобы показать последовательность значений. Когда третья переменная является числовой по своей природе, именно здесь появляется пузырьковая диаграмма. Пузырьковая диаграмма строится на базовой диаграмме рассеяния, когда значение третьей переменной определяет размер каждой точки.

Кривая плотности

Кривая плотности или ядерная оценка плотности — это альтернативный способ отображения распределения данных вместо гистограммы. Вместо того, чтобы собирать точки данных в ячейки частот, каждая точка данных вносит небольшой объем данных, совокупность которых становится кривой плотности. Хотя кривые плотности могут подразумевать некоторые значения данных, которые не существуют, они могут быть хорошим способом сгладить шум в данных, чтобы получить представление о сигнале распределения.

Скрипичный график

Альтернативой ящичковому подходу к сравнению распределения значений между группами является скрипичный график. На скрипичном графике каждый набор прямоугольников и усов заменяется кривой плотности, построенной вокруг центральной базовой линии. Это может обеспечить лучшее сравнение форм данных между группами, хотя и теряется при сравнении точных статистических значений. Частой вариацией для скрипичных сюжетов является добавление маркировки в виде прямоугольника поверх скрипичного сюжета, чтобы получить лучшее из обоих миров.

Тепловая карта

Тепловая карта представляет собой сетку значений на основе двух представляющих интерес переменных. Переменные оси могут быть числовыми или категориальными; сетка создается путем деления каждой переменной на диапазоны или уровни, как гистограмма или гистограмма. Ячейки сетки окрашиваются в зависимости от значения, часто более темные цвета соответствуют более высоким значениям. Тепловая карта может быть интересной альтернативой точечной диаграмме, когда нужно построить много точек данных, но плотность точек затрудняет просмотр истинной взаимосвязи между переменными.

Диаграммы специалиста

Существует множество дополнительных диаграмм, которые кодируют данные другими способами для конкретных случаев использования. Xenographics включает в себя коллекцию некоторых причудливых диаграмм, которые были созданы для очень конкретных целей. Тем не менее, у некоторых из этих диаграмм есть случаи использования, которые достаточно распространены, чтобы их можно было считать необходимым знать.

Круговая диаграмма

Вы можете быть удивлены, увидев, что круговые диаграммы изолированы здесь, в разделе «специалист», учитывая, насколько часто они используются. Однако в круговых диаграммах используется необычная кодировка, изображающая значения в виде областей, вырезанных из круглой формы. Поскольку круговая диаграмма обычно не имеет маркировки значений по периметру, обычно трудно получить четкое представление о точных размерах секторов. Тем не менее, круговая диаграмма и ее двоюродный брат кольцевая диаграмма преуспели в том, чтобы сообщить читателю, что сравнение частей с целым должно быть основным выводом из визуализации.

Воронкообразная диаграмма

Воронкообразная диаграмма часто используется в бизнес-контексте, где необходимо отслеживать посетителей или пользователей в конвейерном потоке. На диаграмме показано, сколько пользователей доходит до каждого этапа отслеживаемого процесса, исходя из ширины воронки на каждом этапе разделения. Сужение воронки помогает продать аналогию, но может запутать истинные коэффициенты конверсии. Гистограмма часто может выполнять ту же задачу, что и воронкообразная диаграмма, но с более четким представлением данных.

Маркированная диаграмма

Маркированная диаграмма дополняет один столбец дополнительными метками, указывающими, как контекстуализировать значение этого столбца. Обычно это означает перпендикулярную линию, показывающую целевое значение, а также затенение фона для обеспечения дополнительных показателей производительности. Пулевые диаграммы обычно используются для нескольких показателей и более компактны для отображения, чем другие типы более причудливых датчиков.

Графики на основе карты

Существует несколько семейств специальных графиков, сгруппированных по использованию, но мы завершим эту статью, коснувшись одного из них: графиков на основе карты или геопространственных графиков. Когда значения в наборе данных соответствуют фактическим географическим местоположениям, может быть полезно нанести их на какую-либо карту. Распространенным примером такого типа карты является картограмма, подобная приведенной выше. При этом используется подход тепловой карты к изображению значения с помощью цвета, но вместо того, чтобы отображать значения в сетке, они заполняются областями на карте.

Чтобы получить удобное справочное руководство по другим типам диаграмм и тому, когда их следует использовать, ознакомьтесь с нашей бесплатной электронной книгой «Как выбрать правильную визуализацию данных».

Как правильно выбрать диаграмму для ваших данных

Как выбрать правильную диаграмму или график для ваших данных?

Если у вас есть данные, которые вы хотите визуализировать, убедитесь, что вы используете правильные диаграммы. Хотя ваши данные могут работать с несколькими типами диаграмм, вы должны выбрать тот, который обеспечит четкость и точность вашего сообщения. Помните, что данные ценны только в том случае, если вы знаете, как их визуализировать и дать контекст.

Мы дадим вам обзор различных типов диаграмм и объясним, как выбрать правильный.

О чем рассказывают ваши данные?

Перед созданием диаграммы важно понять, зачем она вам нужна. Диаграммы, карты и инфографика помогают людям понимать сложные данные, находить закономерности, выявлять тенденции и рассказывать истории. Подумайте о сообщении, которым вы хотите поделиться со своей аудиторией.

Следуйте рекомендациям по составлению графиков. Ваши числа должны складываться, и диаграммы должны быть соответственно масштабированы. Что бы вы хотели показать? Существует четыре основных типа диаграмм:

Источник: The Extreme Presentation Method

Узнайте, как использовать лучшие приемы сторителлинга для создания потрясающих изображений и эффектных презентаций, привлекающих аудиторию.

Сравнение

Сравнительные диаграммы используются для сравнения одного или нескольких наборов данных. Они могут сравнивать предметы или показывать различия во времени.

Взаимосвязь

Диаграммы взаимосвязей используются для отображения связи или корреляции между двумя или более переменными.

Композиция

Диаграммы композиции используются для отображения частей целого и изменения во времени.

Распределение

Диаграммы распределения используются, чтобы показать, как переменные распределяются во времени, помогая выявить выбросы и тенденции.

Выбор правильного типа диаграммы

Спросите себя, сколько переменных вы хотите отобразить, сколько точек данных вы хотите отобразить и как вы хотите масштабировать свою ось.

Линейные, гистограммы и гистограммы отображают изменения с течением времени. Пирамиды и круговые диаграммы отображают части целого. В то время как точечные диаграммы и древовидные карты полезны, если у вас есть много данных для визуализации.

Типы диаграмм

Линейные диаграммы

Линейная диаграмма показывает тенденции или изменения во времени. Линейные диаграммы можно использовать для отображения взаимосвязей в непрерывном наборе данных, и их можно применять к широкому спектру категорий, включая ежедневное количество посетителей сайта или колебания цен на акции.

Рекомендации по созданию линейных диаграмм:

• Четко обозначьте свои оси. Убедитесь, что зритель знает, что он оценивает.

• Удалите отвлекающие элементы диаграммы. Сетки, различные цвета и громоздкие легенды могут отвлекать зрителя от быстрого просмотра общей тенденции.

• Увеличьте масштаб оси Y, если ваш набор данных начинается выше нуля. В некоторых случаях изменение масштаба оси Y упрощает задачу.

• Избегайте сравнения более 5-7 строк. Вы не хотите, чтобы ваша диаграмма была загромождена или ее было трудно читать. Визуализируйте данные, необходимые для рассказа вашей истории, не более того.

Круговые диаграммы

Круговая диаграмма является одним из наиболее часто используемых и ненавистных типов диаграмм всех времен. Круговые диаграммы используются для отображения частей целого. Круговая диаграмма представляет числа в процентах, а общая сумма всех разделенных сегментов равна 100 процентам.

Рекомендации по созданию круговых диаграмм:

• Убедитесь, что ваши сегменты в сумме составляют 100. Звучит очевидно, но это распространенная ошибка.

• Содержите его в чистоте и последовательности. Сравните всего несколько категорий, чтобы донести свою точку зрения. Если секторы круговой диаграммы имеют примерно одинаковый размер, рассмотрите возможность использования гистограммы или гистограммы.

• Не используйте трехмерные изображения и не наклоняйте круговую диаграмму. Это часто делает ваши данные нечитаемыми, потому что зритель пытается быстро сравнить ракурсы.

Гистограммы и гистограммы

Гистограммы и гистограммы используются для сравнения различных элементов. Столбцы на столбчатой ​​диаграмме расположены вертикально, а столбцы на столбчатой ​​диаграмме — горизонтально. Гистограммы обычно используются, чтобы избежать беспорядка, когда одна метка данных длинная или если у вас есть более 10 элементов для сравнения. Их легко понять и создать.

Рекомендации по созданию столбчатых и столбчатых диаграмм:

• Начать ось Y с нуля. Наши глаза чувствительны к области столбцов на диаграмме. Если эти полосы усечены, зритель может сделать неверные выводы.
• Пометка осей — маркировка осей дает вашему средству просмотра контекст.
• Поместите метки значений на стержни — это помогает сохранить четкие линии длин стержней.
• Избегайте использования слишком большого количества цветов с эффектом радуги. Гораздо лучше использовать один цвет или различные оттенки одного и того же цвета. Вы можете выделить одну полосу, в частности, если это сообщение, которое вы хотите донести.

Карта дерева

Карты дерева показывают части целого. Они отображают иерархическую информацию в виде кластера прямоугольников разного размера и цвета в зависимости от значения данных. Размер каждого прямоугольника представляет количество, а цвет может представлять числовое значение или категорию.

Древовидные карты позволяют просматривать тенденции и быстро проводить сравнения, особенно если один цвет особенно выделяется. В то время как электронные таблицы могут отображать несколько строк данных, древовидные карты могут содержать сотни тысяч элементов в одном организованном отображении, что позволяет легко выявлять закономерности за считанные секунды. Кроме того, если они сделаны правильно, они очень эффективно используют пространство.

Рекомендации по созданию древовидной карты

• Начните с чистых данных и ясного сообщения. Древовидные карты часто могут содержать много данных, поэтому важно точно знать, что вы хотите выделить.
• Используйте яркие, контрастные цвета, чтобы легко определить каждую область. Но не забывайте избегать «эффекта радуги». Выбирайте цвета с умом.
• Надлежащим образом пометьте каждую область текстом или цифрами, чтобы зрителю было проще безошибочно оценить вашу древовидную карту.
• Не загромождайте карту дерева слишком большим количеством блоков. Карты дерева могут содержать любое количество блоков, но пространство ограничено! Вы не хотите, чтобы ваша древовидная карта была трудной для чтения.

Диаграмма с двумя осями

С диаграммой с двумя осями вы, по сути, объединяете несколько диаграмм и добавляете вторую ось Y для сравнения. Некоторые члены сообщества визуализации данных скептически относятся к использованию диаграмм с двумя осями, потому что они часто могут сбивать с толку, иметь плохой дизайн и вводить зрителя в заблуждение.

Давайте рассмотрим различные типы диаграмм с двумя осями и лучшие способы их использования:

Столбчатая и линейная диаграмма . Эта диаграмма с двумя осями сочетает в себе столбчатую диаграмму и линейную диаграмму.

Двухлинейный график — Этот двухосевой график сравнивает два линейных графика. При необходимости может быть больше двух строк.

Двойная столбчатая диаграмма — эта двухосевая столбчатая диаграмма показывает два набора данных, отображаемых рядом.

Многоосевая схема — Отображает самую сложную версию диаграммы с двумя осями. Здесь вы видите три набора данных — с тремя осями Y.

Диаграмма с областями

Диаграммы с областями очень похожи на линейные диаграммы, но с небольшими отличиями. Они могут отображать изменения с течением времени, общие тенденции и непрерывность в наборе данных. Но хотя диаграммы с областями могут функционировать так же, как линейные диаграммы, пространство между линией и осью заполняется, указывая на объем.

Рекомендации по созданию диаграмм с областями

• Сделайте его легко читаемым — избегайте окклюзии. Это происходит, когда один или несколько слоев закрывают важную информацию на диаграмме.

• Используйте диаграмму с областями с накоплением — если у вас есть несколько наборов данных и вы хотите подчеркнуть отношения части к целому.

• Используйте диаграммы с областями, чтобы увидеть более широкую картину. Возьмем, к примеру, население: линейные диаграммы хороши для отображения чистого изменения численности населения с течением времени, а диаграммы с областями хороши для отображения общей численности населения с течением времени.

Пирамидальная диаграмма

Пирамидальная диаграмма (треугольная диаграмма или треугольная диаграмма) — это увлекательный способ визуализации фундаментальных отношений. Они отображаются в виде треугольника, разделенного на горизонтальные секции с категориями, помеченными в соответствии с их иерархией. Они могут быть ориентированы вверх или вниз в зависимости от отношений, которые они представляют. Сложенные слои также могут отображать порядок шагов в конкретном процессе.

Рекомендации по созданию пирамидальных диаграмм

• Выберите тему и четко обозначьте подкатегории. Решите, какую информацию вы хотите передать с помощью пирамиды, и четко обозначьте слои.

• Организуйте свои подкатегории. Определите порядок и значение каждого раздела в вашей пирамиде.

• Организуйте подкатегории на основе их иерархии.

• Будьте последовательны — соблюдайте равномерное расстояние между разделами и выбирайте приятную цветовую палитру.

• Сведите подкатегории к минимуму. Добавление большого количества слоев и цветов может затруднить чтение вашей пирамиды.

Облако слов

Облака слов (также известные как облака тегов) представляют собой тип взвешенного списка. Облака слов отображают текст шрифтом разного размера, веса или цвета, чтобы показать частоты или категории. Они могут быть расположены в алфавитном порядке или в случайном порядке. Они помогают людям выявлять тенденции и закономерности, которые иначе было бы трудно увидеть.

Рекомендации по созданию облака слов

• Предоставление контекста. Облака слов визуально привлекают внимание и предоставляют информацию о частоте, но часто не дают зрителю никакого контекста.

• Используйте облака слов, чтобы показать частоту. Не используйте их для отображения сложных тем, таких как бюджет или кризис здравоохранения.

• Следите за длиной слова. Более длинные слова занимают больше места и могут ввести в заблуждение.

• Облака

  Word отлично подходят для фильтрации и анализа данных.

• Не делайте слова слишком похожими по размеру или цвету.

Таблицы

В таблицах данные отображаются в строках и столбцах.