Как выбрать диаграмму для визуализации
Как визуализировать данные: виды графиков
Визуализация числовых значений позволяет сделать понятными даже сложные наборы данных. Графики и диаграммы привлекают больше аудитории, чем обычный текст или скучные таблицы, и увеличивают вовлеченность читателей. Визуальная информация намного лучше воспринимается и запоминается, что помогает быстро и эффективно донести до аудитории ваши мысли и идеи.
В этой статье разберем основные виды графиков и поговорим о том, каких правил следует придерживаться при визуализации данных.
Типы графиков
Вид диаграммы необходимо выбирать в зависимости от того, какие данные вы хотите визуализировать и с какой целью: чтобы сравнить различные показатели или продемонстрировать, как распределяются данные, скажем, какие значения встречаются чаще, а какие реже.
Также на диаграмме можно наглядно показать структуру чего-либо при помощи данных или проследить взаимосвязь показателей.
Типов диаграмм насчитывается несколько десятков, и в рамках одной статьи описать их все не представляется возможным. Мы рассмотрим наиболее часто используемые виды графиков и разберемся, для отображения каких данных лучше всего подходит каждый их них.
Графики, о которых далее пойдет речь, можно легко создать в таких программах, как Microsoft Word, Excel, PowerPoint и Visio (а также их бесплатных аналогах), приложениях iWork (для iOS и macOS) и онлайн-сервисе Canva.
Линейный график
Линейный график (или линейная диаграмма) показывает динамику по одному либо нескольким показателям. Его удобно применять, когда нужно сравнить, как меняются с течением времени разные наборы данных.
Данные на таком графике отображаются в виде точек, которые соединены линиями. Также точки могут быть невидимыми, тогда график представляет собой ломаные линии. Кроме того, существует такая разновидность, как график рассеяния или точечная диаграмма, на котором точки изображаются без линий. Данный тип графика помогает найти взаимосвязь между двумя показателями.
Линейные диаграммы целесообразно применять, если число значений в ряду велико. Они удобны, когда требуется отобразить общую тенденцию развития каких-либо явлений, сравнить темпы роста и т.п.
На такой диаграмме данные категорий равномерно распределены вдоль горизонтальной оси, а все значения отображаются вдоль вертикальной оси. Графики позволяют показать непрерывное изменение данных за определенный период времени, поэтому они прекрасно подходят для представления тенденций изменения данных с равными временными интервалами, такими как месяцы, кварталы или годы.
Диаграммы-области
Диаграмма с областями представляет собой линейную диаграмму, в которой область ниже линии заполнена индивидуальным цветом или текстурой. Так же, как и линейные графики, диаграммы-области используются для отображения развития количественных значений в каком-то определенном интервале или за определенный временной период, но отличаются от графиков тем, что позволяют оценить вклад каждого элемента в рассматриваемый процесс.
Линейчатые диаграммы
Линейчатые (полосчатые) диаграммы, которые также называют столбчатыми (столбиковыми), являются наиболее часто используемым типом диаграмм.
Они могут применяться для сравнения разных значений в тех случаях, когда важны конкретные числовые показатели. На одной оси столбиковой диаграммы представлены сравниваемые категории, а на другой – шкала числовых значений.
Полосчатые диаграммы позволяют пользователю легко сравнить отдельные значения для разных категорий либо сравнивать изменения значений за какой-то период времени для определенной категории. Статистические показатели в таких диаграммах могут быть представлены как вертикальными, так и горизонтальными столбиками. Для изображения величины параметра используется высота или длина столбика.
Кроме прямоугольников, поверхность таких диаграмм может представлять собой треугольники, трапеции и другие фигуры.
Горизонтальные линейчатые диаграммы обычно используются, когда необходимо сравнить множество различных показателей или визуально обозначить явное превосходство одного из них. Вертикальные столбцы целесообразно использовать для изменения показателей в разные периоды времени, к примеру, ежегодной прибыли компании за несколько лет.
Гистограммы
Гистограмма и столбиковая диаграмма визуально схожи, разница же заключается в том, что гистограмма показывает распределение данных в рамках непрерывного интервала либо конкретного периода времени. На вертикальной оси гистограмм отображается частотность, а на горизонтальной показаны интервалы или временной период.
Гистограммы помогают визуально определить концентрацию значений, а также предельные значения или наличие пробелов либо отклонений.
Гистограмма с несколькими осями
Представляет собой сочетание столбиковой диаграммы и линейного графика с двумя осями Y и с одной осью X, на которой показаны категории данных. Такой вариант может понадобиться, когда нужно представить два или более фактора и выявить параллели или сравнения.
Круговые диаграммы
Круговые (секторные) диаграммы показывают долю каждой величины в общем объеме. Круг представляет всю совокупность данных, а относительная величина каждого отдельного значения изображается в виде сектора круга. Площадь секторов при этом соответствует вкладу этого параметра в сумму значений.
Круговые диаграммы наглядно демонстрируют, какую часть от общего количества составляют отдельные значения. Сектора могут отображаться в общем круге, а также могут быть расположены отдельно на небольшом расстоянии друг от друга.
Географические диаграммы
Картодиаграмма являет собой сочетание диаграммы с географической картой или схемой. Ее используют, когда нужно отобразить распределение определенного показателя по регионам, странам, материкам, выделенным разным цветом, оттенками или рисунками в соответствии с переменными данных. На примере диаграммы, приведенной ниже, можно увидеть, что цвет для каждого региона определяется в зависимости от плотности населения.
Если необходимо отобразить на карте данные по дополнительным показателям, это делается с помощью добавления микрографики: круговых диаграмм или столбиков.
Правила визуализации данных
Чтобы графики и диаграммы были понятны читателям, при их построении нужно соблюдать следующие рекомендации:
И еще пара советов: не используйте разные виды графиков и диаграмм для однотипных данных. Читателю требуется время, чтобы привыкнуть к каждому новому виду диаграммы и понять, что обозначает определенная линия или столбик, поэтому всегда выбирайте одинаковые диаграммы для данных одного типа. Кроме того, следует придерживаться одной цветовой гаммы в одном отчете или презентации. Хорошее решение – использование цветов вашего корпоративного стиля.
Пять основных диаграмм для визуализации данных. Шпаргалка для презентаций
Данная заметка станет экспресс-помощью всем, кто делает презентации и визуализирует данные. Она задумана как шпаргалка, сфокусируемся на пяти основных видах диаграмм и быстрых способах их выбора под задачу.
Цифры сами по себе для нас абстрактны. А диаграмма позволяет преобразовать абстрактные цифры в визуальную, конкретную картинку, отражающую количество. Например, таблица даёт точное значение цифр, но утрачивает моментальность восприятия, которую даёт визуализация.
Данные — это всего лишь данные. А чтобы они визуально заговорили, нужно определиться, о чём с помощью них мы хотим рассказать. Какой вывод сделать, какую идею (главную мысль) донести. С помощью одного и того же набора данных можно сказать о разном, положить в основу визуализации разные идеи.
Например, у нас есть набор данных по объёмам продаж разной продукции компании за несколько месяцев.
В основу идеи может быть положена определённая замеченная закономерность в данных. Анализируя итоговые показатели по продажам в таблице, мы можем заметить тенденцию роста объёма продаж. И тогда идею можно сформулировать следующим образом «С января объём продаж устойчиво рос». Отображаем идею на слайде визуально гистограммой и в докладе (выступлении) поясняем контекст идеи. Рост закономерен и обычен. Или у нас есть сезонность и весной должен быть спад продаж, а в этом году его нет и почему.
Анализируя продажи по месяцам, можно сформулировать другую идею «В мае продажи продукции А значительно превысили продажи продукции Б и В».
Поиску идеи стоит уделить время. Ведь сформулированную идею можно смело использовать в качестве заголовка слайда или заголовка диаграммы. Идея в качестве заголовка позволяет мгновенно считывать главную мысль визуализации (слайда). Сравните два варианта заголовка.
Для усиления идеи, можно расставить визуальные акценты
Визуальное восприятие человека так устроено, что сами по себе цифры для нас мало интересны и понятны. Чтобы цифры (данные) обрели смысл, их обязательно надо с чем-нибудь сравнить. Для донесения нашей идеи мы можем использовать пять основных типов сравнения: покомпонентное, позиционное, временное, частотное и корреляционное. И для каждого сравнения лучше подходит свой вид диаграммы.
При таком сравнении мы показываем размер компонента в процентах от некоего целого. Целое обычно представляется в виде стандарта в 100%. При компонентном сравнении мы показывает долю от целого, поэтому его можно назвать и долевым сравнением. Круг у нас всегда ассоциируется с целым, поэтому для визуализации наиболее подходит круговая диаграмма.
Наши глаза не могут быстро определять количество объектов больше пяти. Секторов (долей) в диаграмме лучше не делать больше шести. Если значений больше, можно выделить пять основных, а остальные объединить в сектор “прочие”.
Мы привыкли по кругу двигаться по часовой стрелке. Самый важный компонент лучше располагать на линии 12-ти часов и обратить на него внимание выделив цветом. Если “важный” компонент выделять не надо, то сектора диаграммы лучше расположить от большего к меньшему. А цвет просто должен помогать чётко разделять сегменты.
Когда нужно сравнить компоненты (доли) нескольких целых, то лучше использовать гистограмму нормированную на 100%. В этом случае, самый важный показатель желательно размещать внизу.
Здесь важна позиция, которую объект занимает по отношению к другим объектам. На сколько он больше или меньше других объектов, какое место занимает в “строю” других объектов. Для позиционного сравнения лучше подходит линейчатая диаграмма
В линейчатой диаграмме по вертикали располагаются обозначения сравниваемых элементов, шкала располагается горизонтально. Саму шкалу можно не отображать, а значения подписывать у линеек диаграммы (как на рисунке выше).
Линейчатая диаграмма подходит для позиционного сравнения лучше чем гистограмма. Нашим глазам привычнее позицию воспринимать по вертикали (вверху — лучше, внизу — хуже). А ещё, при таком расположении оси обозначений, появляется больше места для записи названий показателей.
Используем, когда надо продемонстрировать, как показатели (данные) меняются во времени (динамика изменений). В визуальном восприятии мы привыкли воспринимать время слева (прошлое), направо (будущее). При временном сравнении для визуализации данных лучше подходит гистограмма.
Здесь тоже можно руководствоваться правилом “не больше пяти”. То есть, если на временной оси нужно показать более 5 значений (столбиков), возможно лучше использовать график. График однозначно нужно использовать вместо диаграммы, если значений больше семи, или нужно отобразить какие-то тренды.
Если на графике нужно отобразить изменение нескольких показателей, то лучше не использовать более трёх линий тренда. При нескольких линиях тренда, линию главного показателя выделяем цветом или толщиной.
Как и в случае с линейчатыми диаграммами, у гистограмм тоже есть множество разновидностей, за подробностями ныряйте в список литературы ниже.
Частотное сравнение используем когда нужно отобразить частоту попадания числовых значений в некий диапазон (интервал). Такое сравнение удобно использовать, когда нужно обобщить (суммировать) большой объём информации, чтобы показать какую-то взаимосвязь. Для визуализации частотного сравнения хорошо подходят гистограммы и графики
Используются две шкалы. Вертикальная — шкала частотности и горизонтальная — шкала диапазонов. Для шкалы диапазонов важно правильно подобрать размер и количество диапазонов (интервалов).
Через малое количество интервалов бывает трудно проследить модель распределения, а слишком большое количество разбивает модель на мелкие части. В среднем, для лучшего визуального восприятия, можно рекомендовать количество интервалов от 5 до 10.
Размеры интервалов надо подбирать так, чтобы нагляднее показать идею (главную мысль).
Корреляция — страшное и непонятное слово:) Такое сравнение используется, когда нам надо показать наличие или отсутствие связи (зависимости) между двумя переменными. Например, мы можем предположить, что чем больше скидку на товар мы даём тем больше этого товара продаём или чем опытней продавец, тем он больше продаёт.
Для такого типа сравнения лучше подходят точечные или двухсторонние линейчатые диаграммы.
В точечной диаграмме используются координатные оси исследуемых переменных. В координатах наносятся точки с числовыми значениями переменных. Расположение точек может указывать на какую-то зависимость. Или наоборот доказывать, что зависимости нет. Если зависимости нет, то в визуализации для понятности можно стрелкой показать, какая зависимость предполагалась
Если значений сравниваемых переменных не слишком много можно использовать линейчатые двухсторонние гистограммы. Если зависимость есть, то диаграмма получается зеркальной. Если зависимости нет, то и зеркального отображения нет.
Ещё можно использовать пузырьковые диаграммы. В таких диаграммах кроме переменных отмечаемых на осях, третьей переменной является размер (диаметр) пузырька.
Итак, по шпаргалке нужно помнить, что можно выделить пять основных типов сравнения данных и пять типов диаграмм. И конечно не забывать про идею.
Шпаргалка сделана по книге Джин Желязны «Говори на языке диаграмм». С неё и нескольких других книг можно начать изучать эту тему глубже
Анализ данных и виды диаграмм: как выбрать визуализацию
Вид анализа данных — основа для выбора диаграммы
Первое, что нужно сделать перед выбором визуализации — понять, что именно мы хотим показать. И какой вид анализа данных будем использовать.
Существует 4 базовых вида анализа. Для визуализации каждого из них можно использовать только определенные виды диаграмм: остальные исказят восприятие данных и просто не помогут увидеть нужное.
Рейтинг — этот вид анализа мы используем, когда нужно сравнить между собой несколько показателей. Например, понять, какой магазин приносит больше прибыли, кто из менеджеров заключил больше сделок, по какой статье у компании самые большие расходы (ну или самые маленькие). То есть это любое количественное сравнение по шкале, градация от большего к меньшему.
Динамика — такой вид анализа мы выбираем, когда нужно проследить изменение одного показателя. Например, определить сезонность для нашего товара, увидеть, как меняется объем продаж: когда есть пики, а когда — падения.
Структура — используется в случаях, когда нам важно разделить нечто целое на доли и показать объем каждой. Например, если нужно сегментировать клиентскую базу, группы товаров или оценить структуру клиентского портфеля. Абсолютные значения здесь отходят на второй план, на первом — именно доли.
Взаимосвязи — этот вид анализа редко используется в управленческой отчетности, но иногда случается, если нужно установить отношение между несколькими переменными. Например, сопоставить темпы продаж с курсом доллара или определить характер взаимосвязи между выручкой и количеством товара.
Базовые виды диаграмм
Для каждого вида анализа данных можно использовать только определенные визуализации. Есть 5 базовых и самых популярных видов диаграмм.
1. Линейчатая диаграмма. Это диаграмма с горизонтальными столбцами.
2. Гистограмма. Это диаграмма с вертикальными столбцами.
В английском языке обе диаграммы со столбцами называются барчартом, который может быть или горизонтальным, или вертикальным. Мы же привыкли к разным названиям, к тому же они используются и в продуктах MS Office.
3. График. Выглядит как линия с промежуточными точками данных на ней.
4. Круговая диаграмма. Сплошной круг, разделенный на сектора. Еще ее называют «пирогом» или пай чартом. Частный случай такой визуализации — кольцевая диаграмма, напоминающая по форме бублик.
5. Пузырьковая диаграмма. Английское название — Bubble Chart: размер пузырьков здесь служит дополнительным измерением данных. Это разновидность точечной диаграммы, которую также называют диаграммой рассеяния или scatter plot.
Выбираем идеальную диаграмму для представления ваших данных. Просто и понятно
Основатель сервиса CaptainAnalytics
Директор по визуальным концепциям компании McKinsey Джин Желязны знает о своей работе все. Это неудивительно: за 55 лет жизни, которые он посвятил изучению диаграмм и других способов визуализации, он накопил достаточный опыт, которым поделился в книге «Говори на языке диаграмм».
Ренат Семаков, CEO CaptainAnalytiсs, прочитал эту книгу и выделил основные мысли.
О чем это?
Книга отвечает на вопросы:
Как построить идеальную диаграмму?
Какие бы данные вы ни хотели визуализировать, работа над иллюстрациями укладывается в три простых шага:
Шаг 1. От данных к идее – формулируем идею
Сформулируйте четкую идею, которую хотите донести до аудитории.
Шаг 2. От идеи к сравнению – определите тип сравнени
Любая идея укладывается в пять типов сравнения данных: покомпонентное, временное, частотное, позиционное и корреляционное. Определите, к какому из них относятся ваши данные.
Туда же попадает полезный non-fiction, который упоминался на Rusbase по тегу #Books.
Нашим читателям — месяц на Bookmate бесплатно: введите промокод RUSBASE по ссылке http://bookmate.com/code.
Шаг 3. От сравнения к диаграмме – выберете тип диаграммы
Каждому типу сравнения соответствует определенный вид диаграмм. Подбирайте тип визуализации, исходя из типа сравнения.
Формулируем идею
Построение диаграмм начинается с формулирования основной мысли, которую вы хотите донести до аудитории с ее помощью. Основная идея — ответ на вопрос, что именно показывают нам данные и как они связаны между собой.
Самый простой способ сформулировать главную мысль — вынести ее в заголовок диаграммы.
Заголовок должен быть конкретным и нести в себе ответ на вопрос, который вы ставите перед аудиторией. При подборе слов используйте количественные и качественные характеристики и старайтесь избегать общих фраз и выражений.
Примеры конкретных и общих заголовков
Не забывайте главное правило: одна диаграмма — одна идея. Не старайтесь на одном графике показать все найденные вами связи и мысли. Такие диаграммы будут перегруженными и сложными для восприятия.
Определяем тип сравнения
Любую мысль и идею можно выразить при помощи одного из пяти типов сравнения. Ваша задача — правильно выбрать тип сравнения и подобрать к нему соответствующую диаграмму.
Выбираем идеальную диаграмму
Каждому из типов сравнения соответствует свой вид диаграмм. Именно от его правильного выбора зависит понятность восприятия визуализированных данных.
Всего существует пять типов диаграмм и некоторые их вариации и комбинации:
1. Круговая диаграмма
Знакомый всем «пирог» – самый используемый тип диаграмм. По мнению Джина, это неоправданно, поскольку этот тип наименее практичен и должен составлять немногим более 5% всех диаграмм в презентациях.
2. Линейчатая диаграмма
Отдельные значения в этой диаграмме представлены полосами различной длины, расположенными горизонтально вдоль оси Х. По мнению автора, это самая недооцененная диаграмма, наиболее гибкий и универсальный тип, который должен был бы составлять 25% всех используемых диаграмм.
3. Гистограмма
Количественные соотношения некоторого показателя представлены в виде прямоугольников, площади которых пропорциональны. Чаще всего для удобства восприятия ширину прямоугольников берут одинаковую, при этом их высота определяет соотношения отображаемого параметра.
4. График
Знакомые всем со школы линейные графики состоят из точек на координатной сетке, соединенных линиями. Используются для характеристики вариации, динамики и взаимосвязи. Вместе с гистограммой должны составлять половину используемых диаграмм.
5. Точечная диаграмма
Она же диаграмма рассеивания, служит для размещения точек данных на горизонтальной и вертикальной оси с целью показать степень влияния одной переменной на другую. По мнению Желязны, ее должны использоваться в 10% случаев.
Не забывайте! Главная цель любой диаграммы — четко показать связи или зависимости между данными. Если иллюстрация не способна отразить взаимосвязи, лучше использовать таблицы.
Двойное сравнение
В некоторых случаях возникает необходимость показать на одном графике несколько типов сравниваемых данных и зависимость между ними.
В таких случаях необходимо определить основной тип сравнения и подбирать диаграмму на основании него. Например, если вы хотите показать вклад отдельных подразделений в общий доход компании в зависимости от месяцев, лучше использовать типы диаграмм для временного сравнения: график или гистограмму. А если вас больше интересует не изменение во времени, а конкретные достижения, используйте линейчатые диаграммы.
Помните: если на одной диаграмме не получается просто и понятно донести основную мысль, комбинируя данные, лучше использовать два отдельных виджета.
Шкалы, легенды и другие надписи
Идеальная диаграмма понятна для восприятия без дополнительной информации на ней. Однако это не означает, что вы не можете использовать шкалу или легенду, чтобы лучше донести основную мысль.
Главные правила при добавлении дополнительной информации:
Конкретные примеры для каждого из типов сравнения и диаграмм вы можете найти в книге или использовать их электронную версию на сайте издательства.
Пять основных диаграмм для визуализации данных
Шпаргалка при подготовке презентаций с данными
При разработке большинства презентаций мы часто сталкиваемся с проблемой — не хватает времени на детальную проработку структуры и главной идеи.
А в презентациях-отчётах эта проблема усугубляется тем, что данные для представления собираются в последний момент. И когда данные собраны нужно быстро придумать как о них рассказать.
В таких ситуациях нам хочется “ухватиться за соломинку”, которая поможет выплыть в бушующем море дедлайнов. Заметка станет экспресс-помощью всем, делающим презы и визуализирующим данные. Сфокусируемся на пяти основных видах диаграмм и быстрых способах их выбора под задачу.
Для особо любознательных, в конце заметки есть краткий список литературы.
Цифры абстрактны, визуализация конкретна
Цифры сами по себе для нас абстрактны. А диаграмма позволяет преобразовать абстрактные цифры в визуальную, конкретную картинку, отражающую количество. Например, таблица даёт точное значение цифр, но утрачивает моментальность восприятия, которую даёт визуализация.
В основе визуализации данных всегда идея
Данные — это всего лишь данные. А чтобы они визуально заговорили, нужно определиться, о чём с помощью них мы хотим рассказать. Какой вывод сделать, какую идею (главную мысль) донести. С помощью одного и того же набора данных можно сказать о разном, положить в основу визуализации разные идеи.
Например, у нас есть набор данных по объёмам продаж разной продукции компании за несколько месяцев.
В основу идеи может быть положена определённая замеченная закономерность в данных. Анализируя итоговые показатели по продажам в таблице, мы можем заметить тенденцию роста объёма продаж. И тогда идею можно сформулировать следующим образом “С января объём продаж устойчиво рос”. Отображаем идею на слайде визуально гистограммой и в докладе (выступлении) поясняем контекст идеи. Рост закономерен и обычен. Или у нас есть сезонность и весной должен быть спад продаж, а в этом году его нет и почему.
Анализируя продажи по месяцам, можно сформулировать следующую идею “В мае продажи продукции А значительно превысили продажи продукции Б и В”.
Акцентировать внимание на увеличение в мае продаж продукции А можно и через относительное сравнение. Тогда идея будет такая “В мае доля продукции А наибольшая в общем объёме продаж”.
Даже на таком простом примере, видно как вариант визуализации данных может зависеть от идеи.
Не случайно в приведённом примере я обратил ваше внимание и на контекст выступления. Не банальность контекста может помочь в поиске идеи и в решении того, что действительно стоит выносить на презентацию. Если “Рост закономерен и обычен”, то зачем это выносить на слайд и рассказывать об этом. Это можно отразить в письменном отчёте, который обычно высылается или раздаётся всем заинтересованным участникам.
Поиску идеи ещё и потому стоит уделить время, что сформулированную идею можно смело использовать в качестве заголовка слайда или заголовка диаграммы. Идея в качестве заголовка позволяет мгновенно считывать главную мысль визуализации (слайда). Сравните два варианта заголовка.
Для усиления идеи, можно расставить визуальные акценты
Вся фишка в сравнении
Визуальное восприятие человека так устроено, что сами по себе цифры для нас мало интересны и понятны. Чтобы цифры (данные) обрели смысл, их обязательно надо с чем-нибудь сравнить. Для донесения нашей идеи мы можем использовать пять основных типов сравнения: покомпонентное, позиционное, временное, частотное и корреляционное. И для каждого сравнения лучше подходит свой вид диаграммы.
Покомпонентное (долевое) сравнение
При таком сравнении мы показываем размер компонента в процентах от некоего целого. Целое обычно представляется в виде стандарта в 100%. При компонентном сравнении мы показывает долю от целого, поэтому его можно назвать и долевым сравнением. Круг у нас всегда ассоциируется с целым, поэтому для визуализации наиболее подходит круговая диаграмма.
Рекомендации по круговым диаграммам
Наши глаза не могут быстро определять количество объектов больше пяти. Секторов (долей) в диаграмме лучше не делать больше шести. Если значений больше, можно выделить пять основных, а остальные объединить в сектор “прочие”.
Мы привыкли по кругу двигаться по часовой стрелке. Самый важный компонент лучше располагать на линии 12-ти часов и обратить на него внимание выделив цветом. Если “важный” компонент выделять не надо, то сектора диаграммы лучше расположить от большего к меньшему. А цвет просто должен помогать чётко разделять сегменты.
Когда нужно сравнить компоненты (доли) нескольких целых, то лучше использовать гистограмму нормированную на 100%. В этом случае, самый важный показатель нужно размещать внизу.
Позиционное сравнение
Здесь важна позиция, которую объект занимает по отношению к другим объектам. На сколько он больше или меньше других объектов, какое место занимает в “строю” других объектов. Для позиционного сравнения лучше подходит линейчатая диаграмма
В линейчатой диаграмме по вертикали располагаются обозначения сравниваемых элементов, шкала располагается горизонтально. Саму шкалу можно не отображать, а значения подписывать у линеек диаграммы (как на рисунке выше).
Линейчатая диаграмма подходит для позиционного сравнения лучше чем гистограмма. Нашим глазам привычнее позицию воспринимать по вертикали (вверху — лучше, внизу — хуже). А ещё, при таком расположении оси обозначений, появляется больше места для записи названий показателей.
Существует большое количество видов и способов использования линейчатых диаграмм. Но разбирать каждый пример не цель данной заметки, поэтому привожу только рисунок с шестью видами из книги.
Временное сравнение
Используем, когда надо продемонстрировать, как показатели (данные) меняются во времени (динамика изменений). В визуальном восприятии мы привыкли воспринимать время слева (прошлое), направо (будущее). При временном сравнении для визуализации данных лучше подходит гистограмма.
Здесь тоже можно руководствоваться правилом “не больше пяти”. То есть, если на временной оси нужно показать более 5 значений (столбиков), возможно лучше использовать график. График однозначно нужно использовать вместо диаграммы, если значений больше семи, или нужно отобразить какие-то тренды.
Если на графике нужно отобразить изменение нескольких показателей, то лучше не использовать более трёх линий тренда. При нескольких линиях тренда, линию главного показателя выделяем цветом или толщиной.
Как и в случае с линейчатыми диаграммами, у гистограмм тоже есть множество разновидностей, за подробностями ныряйте в список литературы.
Частотное сравнение
Частотное сравнение используем когда нужно отобразить частоту попадания числовых значений в некий диапазон (интервал). Такое сравнение удобно использовать, когда нужно обобщить (суммировать) большой объём информации, чтобы показать какую-то взаимосвязь. Для визуализации частотного сравнения хорошо подходят гистограммы и графики
Используются две шкалы. Вертикальная — шкала частотности и горизонтальная — шкала диапазонов. Для шкалы диапазонов важно правильно подобрать размер и количество диапазонов (интервалов).
Через малое количество интервалов бывает трудно проследить модель распределения, а слишком большое количество разбивает модель на мелкие части. В среднем, для лучшего визуального восприятия, можно рекомендовать количество интервалов от 5 до 10.
Размеры интервалов надо подбирать так, чтобы нагляднее показать идею (главную мысль).
Корреляционное сравнение
Корреляция — страшное и непонятное слово:) Такое сравнение используется, когда нам надо показать наличие или отсутствие связи (зависимости) между двумя переменными. Например, мы можем предположить, что чем больше скидку на товар мы даём тем больше этого товара продаём или чем опытней продавец, тем он больше продаёт.
Для такого типа сравнения лучше подходят точечные или двухсторонние линейчатые диаграммы.
В точечной диаграмме используются координатные оси исследуемых переменных. В координатах наносятся точки с числовыми значениями переменных. Расположение точек может указывать на какую-то зависимость. Или наоборот доказывать, что зависимости нет. Если зависимости нет, то в визуализации для понятности можно стрелкой показать, какая зависимость предполагалась
Если значений сравниваемых переменных не слишком много можно использовать линейчатые двухсторонние гистограммы. Если зависимость есть, то диаграмма получается зеркальной. Если зависимости нет, то и зеркального отображения нет.
Ещё можно использовать пузырьковые диаграммы. В таких диаграммах кроме переменных отмечаемых на осях, третьей переменной является размер (диаметр) пузырька.
Идея, пять сравнений и пять диаграмм
Итак, по шпаргалке нужно помнить, что можно выделить пять основных типов сравнения данных и пять типов диаграмм. И конечно не забывать про идею.
Список литературы в формате минимализма 3+3
Эдвард Тафти «Наглядное отображение количественной информации» — The Visual Display of Quantitative Information.
Если заметка понравилась, нажмите на иконку с ладошками. Поаплодируйте 🙂
Подпишитесь на блог “Смыслотеки” в Медиуме Подписаться
Если удобно получать обновления блога на почту, подпишитесь по ссылке Подписаться