Вы и я просеиваем много данных для нашей работы. Данные о производительности веб-сайта, продажах, принятии продукта, обслуживании клиентов, результатах маркетинговой кампании … список можно продолжить.
Типы графиков для использования в ваших данных
- Столбчатая диаграмма
- Гистограмма
- Линейный график
- Диаграмма с двумя осями
- Диаграмма площади
- Гистограмма с накоплением
- 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
График маркеров показывает прогресс в достижении цели, сравнивает его с другим показателем и предоставляет контекст в форме рейтинга или эффективности.
Лучшие практические приемы для графов маркеров:
- Используйте контрастные цвета, чтобы выделить, как прогрессируют данные.
- Используйте один цвет в разных оттенках, чтобы оценить прогресс.
14. Тепловая карта
Лучшие практические приемы для графов маркеров:
- Используйте контрастные цвета, чтобы выделить, как прогрессируют данные.
- Используйте один цвет в разных оттенках, чтобы оценить прогресс.
Почитать еще
Несколько видео о наших продуктах
