Как построить диаграмму и не облажаться
В этой статье я поделюсь теорией, которая помогает здорово экономить время. Особенно, если вам как минимум раз в день необходимо показывать коллегам или руководству данные аналитики в графическом виде. Что тут сложного? Каждый может построить диаграмму. Но далеко не у всех она получается понятной без дополнительных комментариев.
Описанный ниже подход к построению визуализации данных сформулировал директор по визуальным коммуникациям компании McKinsey Джин Желязны в своей книге «Говори на языке диаграмм». Эта книга обязательна для прочтения в McKinsey. Идея Желязны строится на пяти основных типах сравнения, где каждому типу сравнения соответствует определенный тип диаграммы.
Типы сравнения
1. Покомпонентное сравнение
Используя этот тип, мы показываем размер каждого компонента в процентах от какого-то целого. Например, «доля рынка клиента в 2015 году составляет 10%». Слова-идентификаторы покомпонентного типа сравнения — «доля», «проценты от целого», «составило Х процентов».
2. Позиционное сравнение
Показывает соотношение объектов друг с другом: одинаковы ли они, больше или меньше других. Например, «за последний год объём продаж товарной категории А в несколько раз больше, чем продажи других товарных категорий». Для позиционного сравнения хаpaктерны слова: «больше, чем», «меньше, чем», «равно».
3. Временное сравнение
Как правило, встречается чаще остальных. В данном случае нас интересует не сравнение компонентов, а их изменение с течением времени. Например, «объём продаж имеет стабильный рост на протяжении последних пяти лет». Ключевыми словами для временного сравнения будут: «изменяться», «расти», «убывать», «колeбaться» и так далее.
4. Частотное сравнение
Помогает определить, какое количество объектов попадает в ту или иную группу, сформированную по вашему усмотрению. Например, частотное сравнение используется, когда надо показать, сколько сотрудников компании заpaбатывают менее $5000, сколько $5000 — $7500, сколько $7500 — $10 000, а также какое количество сотрудников заpaбатывает более $10 000. Хаpaктерные для частотного сравнения термины: «в диапазоне от X до Y», «концентрация», «распределение» и «частотность».
5. Корреляционное сравнение
Показывает наличие или отсутствие зависимости между двумя переменными. Например, «зарплата исполнительных директоров не зависит от размера компании» или «Увеличение объёма продаж зависит от процента скидки». Если формулировка вашей идеи содержит такие слова, как «относится к», «возрастает при», «снижается при», «меняется при», это указывает на применение корреляционного сравнения.
Выбор типа диаграммы напрямую зависит от вашей идеи.
Основные типы диаграмм
На рисунке выше приведены основные типы диаграмм:
- круговая;
- линейчатая;
- гистограмма;
- график;
- точечная.
Теперь приведу таблицу соответствия типов сравнения и диаграмм непосредственно из книги «Говори на языке диаграмм».
Как видим, для покомпонентного сравнения, с помощью которого вы показываете процент, отображающий долю конкретного элемента от целого, наиболее подходящий тип диаграммы — круговая.
Для позиционного сравнения, то есть для того, чтобы показать насколько один элемент больше или меньше другого, следует использовать линейчатую диаграмму.
Для временного сравнения в принципе подходит как гистограмма, так и график. В данном случае исходите из количества временных рядов. Если их не более семи, то более подходящей будет гистограмма. Если точек на графике более семи, скорее всего, более приемлемым будет график. То же — в случае с частотным сравнением.
Для корреляционного сравнения следует использовать точечную или двухстороннюю линейчатую диаграмму.
По своему опыту могу сказать, что построение точеной диаграммы обычно проще, советую использовать именно её.
Советы по построению визуализации данных
1. Не используйте объёмные диаграммы
Несмотря на эффектный вид, они искажают восприятие информации. Ниже приведены две круговые диаграммы, построенные на основе одного и того же набора данных. При этом в объёмной диаграмме создается впечатление, что секторы D и A меньше секторов C и B. На самом деле все секторы равны.
2. Не стоит использовать всю доступную цветовую гамму
Выделяйте цветом только то, на что хотите обратить внимание. К примеру, если вы хотите показать, что продукция А намного маржинальнее остальных, выделите цветом именно ее.
3. Размещайте на одном графике не более одного показателя
Не стоит отображать на одной диаграмме всю возможную информацию — объем продаж, количество, средний чек и так далее. Лучше отобразите каждый показатель на отдельном графике.
4. Не включайте более семи секторов в круговые диаграммы
Если у вас более семи элементов, покажите шесть самых крупных и расположите их в порядке убывания. Остальные сгруппируйте в один сектор и назовите его «прочие». Старайтесь делать простые диаграммы, без нагромождения. Помните про сдержанность в выборе цветовой гаммы. Перед построением диаграммы убедитесь, что данные для визуализации корректны. Ценность любой информации определятся в первую очередь ее корректностью, а уже потом — оформлением.
Комментарии:
Данные, приведенные в исследовании, могут помочь в составлении медиапланов по продвижению в интернете....
23 07 2026 3:14:26
Данные по 42,5 млн кликов в 25 тематиках и 391 городу...
22 07 2026 5:16:28
Как передавать данные пpaктически о каждом «шаге» пользователя на сайте...
21 07 2026 17:11:57
Собирательный опыт сотрудников Netpeak. Мы изучали много всего в стиле «купить парковку в аэропорту Гатвика в Лондоне» и тому подобное. Но все, кроме описанного ниже, показалось сложным и ненадежным. Поэтому рассказываем про спокойные варианты....
20 07 2026 7:57:24
Как упростить работу с данными и сэкономить на оплате сервиса...
19 07 2026 22:56:47
Те самые проблемы, если бизнес пришел к вам за услугой, но ему не нужен маркетинг в интернете. Мнения экспертов интернет-маркетинга....
18 07 2026 5:52:20
Подружим GTM и Метрику с минимальным вовлечением программиста....
17 07 2026 3:44:13
Рекламные кампании для брендинга, роста вовлечения пользователей, продаж, лояльности. Какой формат выбрать, чтобы получить необходимое целевое действие. Узнать!...
16 07 2026 8:11:21
Нужен ли вашему проекту редактор? Как правильно его выбрать и оценить на собеседовании, а затем и в процессе работы?...
15 07 2026 15:48:20
Как понравиться поисковым системам и пользователям....
14 07 2026 8:42:39
Есть офлайн-точка продаж и нужно привлечь сюда больше клиентов. Что делать? Настраиваем локальные кампании. Показываем и рассказываем, как это делать....
13 07 2026 2:57:53
Анализ пути — это как многокaнaльные последовательности в Universal ***ytics, только лучше....
12 07 2026 5:21:49
6 лайфхаков из опыта специалистов Netpeak Group: пpaктические советы о том, как погрузиться в англоязычную среду в комфортном для себя ритме и объеме. Читайте далее....
11 07 2026 7:18:46
Как вывести в индекс страницы сайта на Ajax: от необходимости их создания, роли SEO, ускорении индексации и реальные рекомендации всего в трех пунктах, чтобы основное преимущество таких сайтов работало безотказно...
10 07 2026 10:40:28
Как узнавать эффективность страницы мобильного приложения в Play Маркете? Учимся работать в Google Play Developers Console....
09 07 2026 20:57:20
Чек-лист для РРС-специалистов. Всегда быстрее учиться на опыте других людей, а не набивать шишки самостоятельно. А также советы, как исправить рекламные кампании. Обо всем читайте в этой статье!...
08 07 2026 9:34:20
Подробная инструкция по интеграции с облачной базой данных и сравнение BI-платформ....
07 07 2026 13:34:50
Применяя фишки, можно выделить релевантную аудиторию и продать ей что угодно — от кроссовок до президента....
06 07 2026 4:42:51
Данные из контента страницы и основного заголовка h1 вместо метатега title. Что показало исследование Serpstat....
05 07 2026 6:58:47
Магазин вязанных вещей хенд мейд. Как за два месяца увеличить посещаемость в 20 раз....
04 07 2026 16:27:16
Как настроить и получить эффективную отдачу от Google Local Campaigns...
03 07 2026 1:46:33
Возможности для специалистов по рекламе в Facebook, о которых знают далеко не все. Подробности — тут....
02 07 2026 12:28:11
Делайте анализ ссылочной массы хотя бы раз в месяц — и будет вам счастье....
01 07 2026 21:27:28
Сколько стоил клик в Google Ads и Яндекс.Директ в Казахстане — цифры за первый квартал 2019 года...
30 06 2026 5:24:42
Клиенты, партнеры, потенциальные сотрудники — для каждой аудитории есть своя платформа. Какими нужно быть в соцсетях, чтобы вас заметили, читайте об опыте Reface....
29 06 2026 13:13:25
Проверка позиций: бесценный онлайн софт для SEO-специалистов :)...
28 06 2026 17:31:56
Что делать контент-маркетологам, когда все тексты в интернете начнут генерировать боты? Спойлер: обновлять старый контент....
27 06 2026 8:40:33
Популярные размеры баннеров. Найти самый топовый из джентльменского набора! Мы провели свое исследование....
26 06 2026 3:11:51
Как использовать сториз для бизнеса на полную? Фишки от пpaктиков SMM-продвижения....
25 06 2026 5:46:15
Рекомендации и мнения экспертов по одной из самых противоречивых тем украинского интернет-прострaнcтва....
24 06 2026 16:55:51
Интересный и важный документ, не пропустите. Для ранжирования используется сумма коммерческой и тематической релевантности. Уходя с головой в SEO, многие вебмастера забывают о пользовательских факторах. Узнайте больше об этом!...
23 06 2026 10:29:48
Как делать большие деньги даже, когда случаются кассовые разрывы и каким образом строить процессы внутри компании, чтобы сотрудники горели своим (вашим) делом? Узнать!...
22 06 2026 13:55:30
Глоссарий глупых ошибок в аудите от топовых SEO-агентств...
21 06 2026 7:16:16
Как мы проводили самую летнюю конференцию в условиях постлокдayна, пандемии и неизвестности....
20 06 2026 6:18:55
Считаем SEO-эффект от нового дизайна сайта и работы над usability...
19 06 2026 11:36:22
Определение, исследование и проверка конкурентов в Similarweb — первый шаг перед запуском и масштабированием проекта...
18 06 2026 4:41:41
Неля Серебро рассказывает про внутреннюю кухню блога Netpeak...
17 06 2026 20:11:49
О промдизайне, инсайтах, испытаниях для дизайнеров по мотивам BBC-шоу «Дизайн для жизни» с Филиппом Старком....
16 06 2026 4:14:25
Всем, кто собирается перейти на Single Page Application, но переживает, что они поссорятся с поисковыми системами. Правильно переживаете!...
15 06 2026 22:35:40
Обойдемся без теории, зато покажем пример SEO-аудита...
14 06 2026 1:28:18
Как стать востребованным сео оптимизатором: 35+ ссылок для обучения и совершенствования своих знаний, а также советы...
13 06 2026 20:20:48
Больше пятисот человек из Украины, России, Болгарии и Казахстана. Я зашел в зал и увидел толпу каких-то гопарей и воровайок родом из 90-х, а само помещение было оформлено под свадьбу. Выпьем за молодых!...
12 06 2026 9:47:11
Как пользоваться «Совмещением данных» с учетом всех особенностей инструмента...
11 06 2026 22:27:52
Callback от Ringostat: пример того, как увеличить конверсии с помощью формы заказа обратного звонка...
10 06 2026 18:25:31
Как трафик CDN повлиял на систему интернет-магазина — палим кейсы...
09 06 2026 3:11:13
Идея, напечатанная в 3Д? Уже сегодня маркетологи могут это делать с успехом. Главное — поменять свой стиль мышления....
08 06 2026 17:56:15
Как преодолеть онлайн писательский ступор, разобраться с рутиной и освободить время для экспериментов...
07 06 2026 16:46:57
Как добиться эффективности и самоорганизации. Читайте о системе тимлида Netpeak Андрея Коваля....
06 06 2026 15:52:25
82% малых бизнесов тонут как раз из-за проблем с денежными потоками (по данным исследований U.S. Bank, 2020). Как предприниматели попадают в кассовые разрывы и что делать в таких ситуациях, разберем в этой статье....
05 06 2026 8:25:16
Интересные детали интерьера в офисах украинских IT-компаний: от массажного стола и тенниса до звукозаписывающей студии и корпоративной велопарковки. Читать дальше!...
04 06 2026 0:58:21
Еще:
понять и запомнить -1 :: понять и запомнить -2 :: понять и запомнить -3 :: понять и запомнить -4 :: понять и запомнить -5 :: понять и запомнить -6 :: понять и запомнить -7 ::
