NetPeak Biz Tech    


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

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

< >

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

Описанный ниже подход к построению визуализации данных сформулировал директор по визуальным коммуникациям компании 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. Не включайте более семи секторов в круговые диаграммы

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



Комментарии:

Сколько стоил клик в Google Ads в Казахстане в третьем квартале 2020 года — исследование Netpeak

Сколько стоил клик в Google Ads в Казахстане в третьем квартале 2020 года — исследование Netpeak Данные, приведенные в исследовании, могут помочь в составлении медиапланов по продвижению в интернете....

23 07 2026 3:14:26

Сколько стоил клик в Google Ads и Facebook в Украине в первом квартале 2019 года

Сколько стоил клик в Google Ads и Facebook в Украине в первом квартале 2019 года Данные по 42,5 млн кликов в 25 тематиках и 391 городу...

22 07 2026 5:16:28

С чего начать настройку групп триггеров в Google Tag Manager

С чего начать настройку групп триггеров в Google Tag Manager Как передавать данные пpaктически о каждом «шаге» пользователя на сайте...

21 07 2026 17:11:57

Куда инвестировать во время и после кризиса

Куда инвестировать во время и после кризиса Собирательный опыт сотрудников Netpeak. Мы изучали много всего в стиле «купить парковку в аэропорту Гатвика в Лондоне» и тому подобное. Но все, кроме описанного ниже, показалось сложным и ненадежным. Поэтому рассказываем про спокойные варианты....

20 07 2026 7:57:24

Партиционирование таблиц в Google BigQuery — понятная инструкция

Партиционирование таблиц в Google BigQuery — понятная инструкция Как упростить работу с данными и сэкономить на оплате сервиса...

19 07 2026 22:56:47

Деньги или карма: что делать, когда клиенту не нужен интернет-маркетинг

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

18 07 2026 5:52:20

Как сделать интеграцию Google Tag Manager с Яндекс.Метрикой

Как сделать интеграцию Google Tag Manager с Яндекс.Метрикой Подружим GTM и Метрику с минимальным вовлечением программиста....

17 07 2026 3:44:13

Гайд по форматам видеокампаний YouTube

Гайд по форматам видеокампаний YouTube Рекламные кампании для брендинга, роста вовлечения пользователей, продаж, лояльности. Какой формат выбрать, чтобы получить необходимое целевое действие. Узнать!...

16 07 2026 8:11:21

Как выбрать редактора для корпоративного сайта

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

15 07 2026 15:48:20

Текст для главной страницы сайта — правила, требования и примеры

Текст для главной страницы сайта — правила, требования и примеры Как понравиться поисковым системам и пользователям....

14 07 2026 8:42:39

Как запустить локальную кампанию Google Ads — пошаговая инструкция

Как запустить локальную кампанию Google Ads — пошаговая инструкция Есть офлайн-точка продаж и нужно привлечь сюда больше клиентов. Что делать? Настраиваем локальные кампании. Показываем и рассказываем, как это делать....

13 07 2026 2:57:53

Анализ пути в Google ***ytics 4: как ускорить процесс покупки на сайте

Анализ пути в Google ***ytics 4: как ускорить процесс покупки на сайте Анализ пути — это как многокaнaльные последовательности в Universal ***ytics, только лучше....

12 07 2026 5:21:49

Как выучить английский: советы специалистов Netpeak Group

6 лайфхаков из опыта специалистов Netpeak Group: пpaктические советы о том, как погрузиться в англоязычную среду в комфортном для себя ритме и объеме. Читайте далее....

11 07 2026 7:18:46

Сайт на Ajax: как отдельным страницам попасть в выдачу

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

10 07 2026 10:40:28

Как работать с приложениями в Google Play Developers Console

Как работать с приложениями в Google Play Developers Console Как узнавать эффективность страницы мобильного приложения в Play Маркете? Учимся работать в Google Play Developers Console....

09 07 2026 20:57:20

20 ошибок при запуске рекламы в myTarget, из-за которых вы сливаете бюджет

Чек-лист для РРС-специалистов. Всегда быстрее учиться на опыте других людей, а не набивать шишки самостоятельно. А также советы, как исправить рекламные кампании. Обо всем читайте в этой статье!...

08 07 2026 9:34:20

Интеграция Google BigQuery c BI-платформами и электронными таблицами

Интеграция Google BigQuery c BI-платформами и электронными таблицами Подробная инструкция по интеграции с облачной базой данных и сравнение BI-платформ....

07 07 2026 13:34:50

Как получить ещё больше от рекламы в Facebook: семь новых фишек

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

06 07 2026 4:42:51

Сниппеты в выдаче Google –– что изменилось? Исследование Serpstat

Данные из контента страницы и основного заголовка h1 вместо метатега title. Что показало исследование Serpstat....

05 07 2026 6:58:47

Как открыть магазин на Etsy

Как открыть магазин на Etsy Магазин вязанных вещей хенд мейд. Как за два месяца увеличить посещаемость в 20 раз....

04 07 2026 16:27:16

Кейс «Секунда»: как получить больше 13 000 обращений в офлайн-магазины с помощью локальных кампаний Google

Кейс «Секунда»: как получить больше 13 000 обращений в офлайн-магазины с помощью локальных кампаний Google Как настроить и получить эффективную отдачу от Google Local Campaigns...

03 07 2026 1:46:33

Рекламный кабинет в Facebook — пять фишек для упрощения работы

Рекламный кабинет в Facebook — пять фишек для упрощения работы Возможности для специалистов по рекламе в Facebook, о которых знают далеко не все. Подробности — тут....

02 07 2026 12:28:11

Как анализировать внешнюю ссылочную массу: обзор сервисов и программ

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

01 07 2026 21:27:28

Сколько стоит клик в Казахстане — аналитика данных Google Ads и Яндекс.Директ за первый квартал 2019

Сколько стоит клик в Казахстане — аналитика данных Google Ads и Яндекс.Директ за первый квартал 2019 Сколько стоил клик в Google Ads и Яндекс.Директ в Казахстане — цифры за первый квартал 2019 года...

30 06 2026 5:24:42

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

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

29 06 2026 13:13:25

Закрытый софт Netpeak для проверки позиций под кодовым названием «Камасутра»

Закрытый софт Netpeak для проверки позиций под кодовым названием «Камасутра» Проверка позиций: бесценный онлайн софт для SEO-специалистов :)...

28 06 2026 17:31:56

Что делать со старыми статьями в блоге

Что делать со старыми статьями в блоге Что делать контент-маркетологам, когда все тексты в интернете начнут генерировать боты? Спойлер: обновлять старый контент....

27 06 2026 8:40:33

Размеры баннеров в Google Ads — какие форматы самые популярные

Размеры баннеров в Google Ads — какие форматы самые популярные Популярные размеры баннеров. Найти самый топовый из джентльменского набора! Мы провели свое исследование....

26 06 2026 3:11:51

Stories для бизнеса. Фишки вовлечения в Instagram

Stories для бизнеса. Фишки вовлечения в Instagram Как использовать сториз для бизнеса на полную? Фишки от пpaктиков SMM-продвижения....

25 06 2026 5:46:15

Закон о языках и ваш сайт: как создать украинскую версию и где искать удачные кейсы

Закон о языках и ваш сайт: как создать украинскую версию и где искать удачные кейсы Рекомендации и мнения экспертов по одной из самых противоречивых тем украинского интернет-прострaнcтва....

24 06 2026 16:55:51

Коммерческое ранжирование Яндекса (перевод)

Коммерческое ранжирование Яндекса (перевод) Интересный и важный документ, не пропустите. Для ранжирования используется сумма коммерческой и тематической релевантности. Уходя с головой в SEO, многие вебмастера забывают о пользовательских факторах. Узнайте больше об этом!...

23 06 2026 10:29:48

Евгений Черняк про бизнес, кассовый разрыв, нематериальную мотивацию сотрудников и Big Money

Как делать большие деньги даже, когда случаются кассовые разрывы и каким образом строить процессы внутри компании, чтобы сотрудники горели своим (вашим) делом? Узнать!...

22 06 2026 13:55:30

8 ненужных пунктов в SEO-аудите

Глоссарий глупых ошибок в аудите от топовых SEO-агентств...

21 06 2026 7:16:16

Как Octopus Events и Netpeak организовали офлайн-конференцию летом 2020-го — кейс

Как мы проводили самую летнюю конференцию в условиях постлокдayна, пандемии и неизвестности....

20 06 2026 6:18:55

Как редизайн повысил доход от SEO — кейс по юзабилити

Как редизайн повысил доход от SEO — кейс по юзабилити Считаем SEO-эффект от нового дизайна сайта и работы над usability...

19 06 2026 11:36:22

Кейс: как провести анализ конкурентов с помощью SimilarWeb

Кейс: как провести анализ конкурентов с помощью SimilarWeb Определение, исследование и проверка конкурентов в Similarweb — первый шаг перед запуском и масштабированием проекта...

18 06 2026 4:41:41

Главред блога Netpeak про управление задачами и собой

Главред блога Netpeak про управление задачами и собой Неля Серебро рассказывает про внутреннюю кухню блога Netpeak...

17 06 2026 20:11:49

Что такое инсайт или дизайн для жизни Филиппа Старка

Что такое инсайт или дизайн для жизни Филиппа Старка О промдизайне, инсайтах, испытаниях для дизайнеров по мотивам BBC-шоу «Дизайн для жизни» с Филиппом Старком....

16 06 2026 4:14:25

Как сделать SPA-сайты SEO-Friendly?

Как сделать SPA-сайты SEO-Friendly? Всем, кто собирается перейти на Single Page Application, но переживает, что они поссорятся с поисковыми системами. Правильно переживаете!...

15 06 2026 22:35:40

Бесплатный SEO-аудит на примере AIN.ua

Обойдемся без теории, зато покажем пример SEO-аудита...

14 06 2026 1:28:18

Как стать SEO-специалистом

Как стать SEO-специалистом Как стать востребованным сео оптимизатором: 35+ ссылок для обучения и совершенствования своих знаний, а также советы...

13 06 2026 20:20:48

Культурный шок, Горько 3, или Зимний корпоратив Netpeak Group

Культурный шок, Горько 3, или Зимний корпоратив Netpeak Group Больше пятисот человек из Украины, России, Болгарии и Казахстана. Я зашел в зал и увидел толпу каких-то гопарей и воровайок родом из 90-х, а само помещение было оформлено под свадьбу. Выпьем за молодых!...

12 06 2026 9:47:11

Как объединить источники данных в Google Data Studio

Как объединить источники данных в Google Data Studio Как пользоваться «Совмещением данных» с учетом всех особенностей инструмента...

11 06 2026 22:27:52

Как увеличить количество звонков с сайта: кейс Callback от Ringostat

Как увеличить количество звонков с сайта: кейс Callback от Ringostat Callback от Ringostat: пример того, как увеличить конверсии с помощью формы заказа обратного звонка...

10 06 2026 18:25:31

Как ускорить сайт с помощью сервиса CDN — краш-тест Айри

Как ускорить сайт с помощью сервиса CDN — краш-тест Айри Как трафик CDN повлиял на систему интернет-магазина — палим кейсы...

09 06 2026 3:11:13

3D-креатив: время печатать идеи

3D-креатив: время печатать идеи Идея, напечатанная в 3Д? Уже сегодня маркетологи могут это делать с успехом. Главное — поменять свой стиль мышления....

08 06 2026 17:56:15

10 онлайн способов улучшить контент

10 онлайн способов улучшить контент Как преодолеть онлайн писательский ступор, разобраться с рутиной и освободить время для экспериментов...

07 06 2026 16:46:57

Как повысить эффективность своей работы — 17 советов от тимлида Netpeak

Как повысить эффективность своей работы — 17 советов от тимлида Netpeak Как добиться эффективности и самоорганизации. Читайте о системе тимлида Netpeak Андрея Коваля....

06 06 2026 15:52:25

Кассовый разрыв в бизнесе. Что это, почему возникает и как избежать

Кассовый разрыв в бизнесе. Что это, почему возникает и как избежать 82% малых бизнесов тонут как раз из-за проблем с денежными потоками (по данным исследований U.S. Bank, 2020). Как предприниматели попадают в кассовые разрывы и что делать в таких ситуациях, разберем в этой статье....

05 06 2026 8:25:16

17 идей оформления офисных прострaнcтв от IT-компаний Украины

17 идей оформления офисных прострaнcтв от IT-компаний Украины Интересные детали интерьера в офисах украинских IT-компаний: от массажного стола и тенниса до звукозаписывающей студии и корпоративной велопарковки. Читать дальше!...

04 06 2026 0:58:21

Еще:
понять и запомнить -1 :: понять и запомнить -2 :: понять и запомнить -3 :: понять и запомнить -4 :: понять и запомнить -5 :: понять и запомнить -6 :: понять и запомнить -7 ::