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

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

Типы графиков для использования в ваших данных

Столбчатая диаграмма
Гистограмма
Линейный график
Диаграмма с двумя осями
Диаграмма площади
Гистограмма с накоплением
Mekko Chart
Круговая диаграмма
Точечная диаграмма
Пузырьковая диаграмма
Водопад Chart
Воронка Диаграмма
Пуля Диаграмма
Тепловая карта

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

Более того, как вы можете сделать отчетность более эффективной, если вы заняты работой над несколькими проектами одновременно?

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

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

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

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

1. Хотите сравнить значения?

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

колонка
Mekko
Бар
пирог
Линия
Scatter Plot
пуля

2. Хотите показать композицию чего-нибудь?

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

Чтобы показать состав, используйте эти диаграммы:

пирог
С накоплением бар
Mekko
Колонка с накоплением
Площадь
Водопад

3. Хотите ли вы понять распределение ваших данных?

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

Используйте эти диаграммы, чтобы показать распределение:

Scatter Plot
Mekko
Линия
колонка
Бар

4. Заинтересованы ли вы в анализе тенденций в вашем наборе данных?

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

Вы должны выбрать:

Линия
Линия с двумя осями
колонка

5. Хотите ли вы лучше понять взаимосвязь между наборами значений?

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

При попытке установить отношения между вещами используйте эти диаграммы:

Scatter Plot
Пузырь
Линия

14 различных типов графиков и диаграмм для представления данных

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

1. Столбчатая диаграмма

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

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

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

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

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

Лучшие практики дизайна для гистограмм:

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

3. Линейный график

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

Лучшие практики дизайна для линейных графиков:

Используйте только сплошные линии.
Не прокладывайте более четырех линий, чтобы избежать визуальных отвлекающих факторов.
Используйте правильную высоту, чтобы линии занимали примерно 2/3 высоты оси Y.

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

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

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

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

5. Диаграмма площади

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

Разработка передового опыта для диаграмм области:

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

6. С накоплением гистограммы

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

Лучшие практические приемы для гистограмм с накоплением:

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

7. Диаграмма Мекко

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

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

Лучшие практики дизайна для Mekko Charts:

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

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

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

Разработка лучших практик для круговых диаграмм:

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

9. Диаграмма точечного графика

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

Разработка лучших практик для точечных участков:

Включите больше переменных , таких как разные размеры, чтобы включить больше данных.
Начните ось Y с 0 для точного представления данных.
Если вы используете линии тренда , используйте максимум две, чтобы ваш график был легко понятен.

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

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

Разработка передового опыта для пузырьковых диаграмм:

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

11. Диаграмма водопада

Разработка передового опыта для пузырьковых диаграмм:

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

Разработка лучших практик для графиков водопадов :

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

12. Воронка

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

Лучшие практические рекомендации по разработке воронкообразных диаграмм:

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

13. Bullet Graph

График маркеров показывает прогресс в достижении цели, сравнивает его с другим показателем и предоставляет контекст в форме рейтинга или эффективности.