Как построить диаграмму и не облажаться
В этой статье я поделюсь теорией, которая помогает здорово экономить время. Особенно, если вам как минимум раз в день необходимо показывать коллегам или руководству данные аналитики в графическом виде. Что тут сложного? Каждый может построить диаграмму. Но далеко не у всех она получается понятной без дополнительных комментариев.
Описанный ниже подход к построению визуализации данных сформулировал директор по визуальным коммуникациям компании 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. Не включайте более семи секторов в круговые диаграммы
Если у вас более семи элементов, покажите шесть самых крупных и расположите их в порядке убывания. Остальные сгруппируйте в один сектор и назовите его «прочие». Старайтесь делать простые диаграммы, без нагромождения. Помните про сдержанность в выборе цветовой гаммы. Перед построением диаграммы убедитесь, что данные для визуализации корректны. Ценность любой информации определятся в первую очередь ее корректностью, а уже потом — оформлением.
Комментарии:
Решение для поискового продвижения крупных проектов (от 300 000 страниц)....
02 11 2026 6:49:35
Узнаем расширенную информацию о посещениях сайта с помощью языка R — кейс Netpeak...
01 11 2026 20:16:46
Что бывает, когда работа над продвижением сайта начинается до его выхода в паблик....
31 10 2026 20:33:22
Мы собрали и проанализировали ответы 270 владельцев и маркетологов...
30 10 2026 22:50:57
Что такое ускоренные мобильные страницы и как их посмотреть в Google ***ytics...
29 10 2026 5:59:22
Исследование по 38,5 миллионам кликов в 22 тематиках в 391 городе страны....
28 10 2026 16:17:17
Ежеквартальное исследование Netpeak по стоимости клика...
27 10 2026 18:32:25
Партнерская программа — это когда сервис дает партнеру вознаграждение за приведенных клиентов. Получить деньги и/или другие плюшки можно также по реферальной программе. Как это работает? Разбираемся на примерах....
26 10 2026 21:54:35
Понадобится всего пару минут, чтобы создать отчет о тратах, количестве конверсий или любых других важных показателях. Понятная инструкция для PPC-специалистов и про возможности и ограничения бесплатной версии расширения. Читайте дальше!...
25 10 2026 6:59:23
Как отслеживать эффективность мобильного приложения в онлайн-режиме....
24 10 2026 21:22:25
Сбор ключевых запросов с помощью программы Кей Коллектор: показываем и рассказываем пошагово с демонстрацией процесса настройки с сервисом Яндекс.Вордстат. Читать дальше!...
23 10 2026 9:36:55
Заработок в четверть миллиона. Как многофункциональная SEO-платформа Serpstat из Netpeak Group стала самым продаваемым продуктом на AppSumo — пошаговая история-инструкция...
22 10 2026 17:26:13
Как прокачать свои знания и навыки использования GA, чтобы оптимизировать сайт и получать больше (намного больше, чем сейчас) трафика, конверсий, вовлечения. Больше!...
21 10 2026 9:45:29
Распространенные ошибки продвижения B2B-компаний + стратегии того, как наращивать число активных подписчиков и потенциальных клиентов....
20 10 2026 3:10:59
Новости для наших существующих и потенциальных клиентов....
19 10 2026 16:40:56
Как провести крутую конференцию по интернет-маркетингу, сделать трaнcляцию этой конференции и вместо сухих репортажей подготовить полезный контент для СМИ. Узнать больше....
18 10 2026 5:41:41
У каждого сайта в топе есть страница, о существовании которой знают только роботы и... SEO-специалисты. Это robots.txt или индексный файл....
17 10 2026 17:25:57
Вести бизнес в интернете с помощью развлекательного сайта, СМИ, узкоспециализированного портала вполне реально. Правда, нужно знать, как на них заpaбатывать....
16 10 2026 14:49:37
О чем следует позаботиться перед созданием интернет-магазина...
15 10 2026 17:28:33
Топ-8 ошибок новичков в Google Рекламе: как сэкономить деньги при планировании рекламной кампании....
14 10 2026 17:39:23
Как в Google Search можно найти мелодию по примерному напеву...
13 10 2026 10:57:45
Инструкция для новичков по одновременной работе с кампаниями, а также объявлениями и группами в Яндекс.Директ...
12 10 2026 19:36:50
Опыт удаленки стартапа lemlist. Как сотрудники работали онлайн в доковидные времена и совмещали профессиональную деятельность с тимбилдингом. Читайте в коротком посте Владимира Поло, основателя AcademyOcean....
11 10 2026 18:29:49
Ссылки называются вечными, потому что их внедряют один раз и навсегда, но это не значит, что такие ссылки однажды не удалят (что поведет к потере трафика). Узнать больше!...
10 10 2026 14:35:33
Мы запустили email с нуля и стали получать стабильный ежемecячный доход....
09 10 2026 17:29:45
Получаем реальную статистику эффективности использования AMP-страниц с помощью АМР Client ID API....
08 10 2026 18:18:36
Фильтруем свой трафик от сотрудников в Google ***ytics...
07 10 2026 15:45:35
Активно юзая Google Tag Manager, узнали много нового о dataLayer и методах отслеживания статистики в Google ***ytics для SPA-сайтов и лендингов. Об этом и расскажем...
06 10 2026 5:11:52
Дмитрий Шахов, Алексей Чекушин и другие эксперты поделились своим опытом решения сложных вопросов SEO на примере больших проектов....
05 10 2026 19:13:21
Как с помощью рекламы в Apple Search Ads получить дешевые установки и привлечь релевантных пользователей среди владельцев айфонов...
04 10 2026 15:15:14
Очередной красивый пост о продвижении платформы email и sms-рассылок — UniSender...
03 10 2026 2:14:45
Покупать в Китае. Как брендам покорить сердца и кошельки китайских пользователей...
02 10 2026 12:58:44
Используя для продвижения контекстную рекламу, большинство рекламодателей в Украине отдают предпочтение системе Google Ads. Директ однозначно не стоит недооценивать. Почему? Читайте в статье!...
01 10 2026 5:25:47
Артем Шевченко (Epicentr), Михаил Рогальский (Monobank), Максим Дмитров (BSH Hausgeräte), Андрей Чумаченко (Netpeak) и другие участники конференции 8Р о том, как они рассчитывают инвестиции в интернет-маркетинг....
30 09 2026 22:21:37
Что такое контекстная реклама? Словарь терминов для чайников...
29 09 2026 9:44:50
Данные, приведенные в исследовании, могут помочь в составлении медиапланов по продвижению в интернете. Читать дальше....
28 09 2026 9:51:38
Как зарегистрировать и настроить новый сайт в сервисах веб-аналитики...
27 09 2026 14:40:53
Если ваш сайт не приносит желаемых продаж, задумайтесь о смене формата. Этот кейс о том, как с качественным лендингом можно достигнуть желаемой цены за конверсию....
26 09 2026 13:36:56
Персональная стратегия продвижения онлайн с помощью SEO и контекстной рекламы....
25 09 2026 16:41:28
Грамотная аналитика в мире мобильных приложений, как и в целом в маркетинге — единственный путь к окупаемости продукта и выходу в высшую лигу брендов...
24 09 2026 11:55:41
Делимся советами по оптимизации рассылок. Важны новые форматы писем, предварительное тестирование, смена тем письма, ярче CTA. Все это в сочетании с понятностью и искренностью не заставит ждать хороший CTR...
23 09 2026 23:53:43
Обновление от Google: похожие аудитории можно использовать не только для медийных, но и для поисковых и торговых кампаний...
22 09 2026 3:27:37
Нам удалось увеличить количество органических показов на 63% и установок на 25%....
21 09 2026 13:57:18
Пошагово подключаем скрипт проверки бюджета аккаунтов Google Ads. Скрипт отправляет уведомление на почту и в Telegram — это поможет вовремя пополнить счет. Узнать больше!...
20 09 2026 0:37:12
Пять примеров дизайна, который помогает продавать в рассылках. Просто любуемся и тренируем насмотренность....
19 09 2026 5:52:35
О важных для разметки сайта тегах — alternate, hreflang, media, — и как их грамотно использовать при продвижении....
18 09 2026 2:33:40
Ежегодно в конце ноября начинается ажиотаж вокруг «огромных» скидок на Черную пятницу. Во всем мире этого дня ждут и готовятся покупать выгоднее. Но так ли это на самом деле?...
17 09 2026 5:34:15
Как создать портрет покупателя и зачем он нужен бизнесу....
16 09 2026 11:36:14
ПриватБанк, АТБ и ДТЭК — эти бренды уже создали свои образовательные центры. Узнайте больше о том, как компании обучают своих сотрудников у нас и за рубежом. Читать дальше!...
15 09 2026 9:33:55
О том, какие результаты дает эта технология, рассказал Александр Иванов, Head of Product в ЛУН.ua в рамках прошлогодней самой летней конференции 8P. Читайте, как его комaнде удалось разогнать загрузку страниц сервиса Flatfy до 0,2 секунды...
14 09 2026 11:34:58
Еще:
понять и запомнить -1 :: понять и запомнить -2 :: понять и запомнить -3 :: понять и запомнить -4 :: понять и запомнить -5 :: понять и запомнить -6 :: понять и запомнить -7 ::
