Как построить диаграмму и не облажаться

29.12.2015 5 836 4
(4,89 из 5 на основе 9 оценок)
Loading ... Loading ...
A A A
http://blog.netpeak.ua/kak-postroit-diagrammu-i-ne-oblazhatsya/

Дата последнего обновления: 04.01.2016

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

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

Строим визуализацию данных правильно

Описанный ниже подход к построению визуализации данных сформулировал директор по визуальным коммуникациям компании McKinsey Джин Желязны в своей книге «Говори на языке диаграмм». Эта книга является обязательной для прочтения в McKinsey.

Идея Желязны строится на пяти основных типах сравнения, где каждому типу сравнения соответствует определенный тип диаграммы.

Типы сравнения

1. Покомпонентное сравнение

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

Например, «доля рынка клиента в 2015 году составляет 10%». Идентификаторами покомпонентного типа сравнения являются слова: «доля», «проценты от целого», «составило Х процентов».

2. Позиционное сравнение

Показывает соотношение объектов друг с другом: одинаковы ли они, больше или меньше других.

Например, «за последний год объём продаж товарной категории А в несколько раз больше, чем продажи других товарных категорий».

Характерными для позиционного сравнения словами являются: «больше, чем», «меньше, чем», «равно».

3. Временное сравнение

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

Например, «объём продаж имеет стабильный рост на протяжении последних пяти лет».

Ключевыми словами для временного сравнения будут: «изменяться», «расти», «убывать», «колебаться» и так далее.

4. Частотное сравнение

Помогает определить, какое количество объектов попадает в ту или иную группу, сформированную по вашему усмотрению.

Например, частотное сравнение используется, когда надо показать, сколько сотрудников компании зарабатывают менее $5000, сколько $5000 — $7500, сколько $7500 — $10 000, а также какое количество сотрудников зарабатывает более $10 000.

Характерные для частотного сравнения термины: «в диапазоне от X до Y», «концентрация», «распределение» и «частотность».

5. Корреляционное сравнение

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

Например, «зарплата исполнительных директоров не зависит от размера компании» или «Увеличение объёма продаж зависит от процента скидки».

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

Выбор типа диаграммы напрямую зависит от вашей идеи.

Основные типы диаграмм

Основные типы диаграмм

На рисунке выше приведены основные типы диаграмм:

  • круговая;
  • линейчатая;
  • гистограмма;
  • график;
  • точечная.

Теперь приведу таблицу соответствия типов сравнения и диаграмм непосредственно из книги «Говори на языке диаграмм».

Таблица соответствия типов сравнения и диаграмм

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

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

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

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

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

Советы по построению визуализации данных

1. Не используйте объёмные диаграммы

Несмотря на эффектный вид, они искажают восприятие информации.

Ниже приведены две круговые диаграммы, построенные на основе одного и того же набора данных. При этом в объёмной диаграмме создается впечатление, что сектора D и A меньше секторов C и B. На самом деле все секторы равны.

Искажение данных в объемных диаграммах

2. Не стоит использовать всю доступную цветовую гамму

Выделяйте цветом только то, на что хотите обратить внимание.

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

Искажение при использовании всей цветовой гаммы

3. Размещайте на одном графике не более одного показателя

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

Размещайте на одном графике не более одного показателя

4. Не включайте более семи секторов в круговые диаграммы

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

Не включайте более семи секторов в круговые диаграммы

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

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

Если вы нашли ошибку, пожалуйста, сообщите нам об этом: выделите её и нажмите Ctrl + Enter или .

  • Владимир Полоник

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

    • Алексей Селезнёв

      В принципе второй статьи изначально не планировалось, для более подробного изучения темы я бы посоветовал почитать книгу Джина Желязны «Говори на языке диаграмм». Книга не большая по объёму и достаточно легко читается, к тому в ней есть ряд практических заданий.

  • Anton Kharlamov

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

    • Алексей Селезнёв

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