Графіки: як обрати правильний

Ви

Алексе, допоможи розібрати «Графіки: як обрати правильний» крок за кроком.

Alex Tutor

Хороший графік з першого погляду відповідає на одне запитання. Поганий змушує читача здогадуватися, яким було запитання. Тож перш ніж відкривати меню діаграм, запишіть, що саме має побачити читач. Майже кожен продуктовий і маркетинговий графік відповідає на одне з п'яти запитань:

Запитання	Графік
Як розподілені значення однієї метрики?	Гістограма, діаграма розмаху
Як співвідносяться категорії?	Стовпчикова діаграма
Яку частку цілого має кожна частина?	Стовпчикова діаграма; кругова — лише для 2–4 частин
Чи пов'язані дві метрики?	Діаграма розсіювання
Як метрика змінюється в часі?	Лінійний графік

У цьому уроці пройдемо кожен випадок на даних Котокорму: витратах покупців за 90 днів з уроку 3 і новому наборі щотижневих сесій і замовлень за маркетинговими каналами. Наприкінці розберемо найпоширеніші способи, якими графіки вводять в оману, щоб ви їх уникали й помічали в чужих презентаціях.

Alex Tutor

Набір даних · 24 рядки

Витрати нових покупців Котокорму за 90 днів

Ті самі 24 покупці, що й в уроці 3. Синтетичні дані, створені для цього курсу.

Завантажити CSV

Стовпці
customer_id: Ідентифікатор покупця
spend_90d: Сумарні витрати за перші 90 днів, USD
orders_90d: Кількість замовлень за перші 90 днів

Дані

customer_id	spend_90d	orders_90d
U-5101	42	2
U-5102	85	3
U-5103	15	1
U-5104	28	1
U-5105	24	1

Показати ще 19 рядків

U-5106	24	1
U-5107	64	2
U-5108	32	1
U-5109	56	2
U-5110	93	3
U-5111	26	1
U-5112	22	1
U-5113	20	1
U-5114	45	2
U-5115	110	4
U-5116	34	1
U-5117	50	2
U-5118	36	1
U-5119	38	1
U-5120	240	12
U-5121	56	2
U-5122	12	1
U-5123	18	1
U-5124	30	1

Alex Tutor

Щоб побачити форму однієї метрики, спершу побудуйте таблицю частот: поділіть діапазон значень на однакові інтервали (біни) й порахуйте, скільки спостережень потрапляє в кожен. Кількість — це абсолютна частота; поділіть на загальну кількість і отримаєте відносну частоту (у відсотках). З інтервалами по $50 наші 24 покупці виглядають так:

Витрати за 90 днів	Покупців	Частка
0–49	16	67%
50–99	6	25%
100–149	1	4%
150–199	0	0%
200–249	1	4%

Гістограма зображує цю таблицю стовпчиками, що торкаються один одного: інтервал на горизонтальній осі, кількість — на вертикальній. Стовпчики торкаються, бо інтервали — це послідовні відрізки однієї неперервної величини. Цим гістограма візуально відрізняється від стовпчикової діаграми окремих категорій.

Ширина інтервалу змінює історію. Порівняйте графік нижче з тим, що був в уроці 3: там на тих самих даних інтервали були по $20. З інтервалами по $50 весь «горб» 20–60 зливається в один стовпчик, і вже не видно, де насправді більшість покупців. Надто вузькі інтервали дають протилежну проблему: багато крихітних стовпчиків і випадковий шум. Для початку беріть 5–15 інтервалів, потім спробуйте кілька ширин і лише тоді обирайте. Якщо значень багато, легшою альтернативою є полігон частот (лінія, що з'єднує верхівки стовпчиків): на ньому зручно накладати дві групи.

Alex Tutor

Питання 1

Зіставте кожне запитання з графіком, що відповідає на нього найкраще.

Торкніться відповіді, а потім рядка, до якого вона належить. Можна й перетягувати.

Як розподілені суми замовлень?
Яка тема звернень у підтримку найчастіша?
Як змінювалася денна виручка цього кварталу?
Чи отримують кампанії з вищим CTR також більше реєстрацій?

Відповіді, які ще треба розмістити

Alex Tutor

Ті самі 24 покупці з інтервалами по 50 USDШирокі інтервали ховають форму: порівняйте з інтервалами по 20 USD в уроці 3, де видно пік на 20–40 USD і поступовий хвіст.

Дані графіка

Витрати за 90 днів, USD	Покупці
0–49	16
50–99	6
100–149	1
150–199	0
200–249	1

Alex Tutor

Діаграма розмаху («ящик з вусами», box plot) стискає розподіл до п'яти чисел і викидів. Для наших 24 покупців:

Елемент	Що показує	Значення
Нижній «вус»	Найменше значення в межах	$12
Низ «ящика»	$Q_1$	$24
Лінія в «ящику»	Медіана	$35
Верх «ящика»	$Q_3$	$56
Верхній «вус»	Найбільше значення в межах ($104)	$93
Точки	Викиди за межами	$110, $240

Щоб читати таку діаграму, потрібна практика, але вона окупається. «Ящик» — це середні 50% покупців. Лінія медіани ближче до низу «ящика», довгий верхній «вус» і точки над ним сигналізують про правосторонню асиметрію — саме те, що ми знайшли в уроці 3.

Найкраще діаграми розмаху працюють, коли порівнюють групи поруч. Уявіть кур'єрів з уроку 2: «ящик» служби A — тонка смужка від 23 до 26 годин, а служби B — високий «ящик» від 18 до 30 із «вусами» від 14 до 38. Один погляд — і жодних середніх не треба. Так само працюють діаграми розмаху часу доставки за регіонами, сум замовлень за каналами чи тривалості сесій за версіями застосунку.

Alex Tutor

Питання 2

Потрібно в одному компактному графіку порівняти розподіл часу доставки трьох кур'єрських служб разом із медіанами й викидами. Який графік оберете?

Оберіть одну відповідьТри діаграми розмаху поручКругову діаграму для кожної службиСтовпчикову діаграму трьох середніхЛінійний графік

Alex Tutor

Набір даних · 20 рядків

Сесії та замовлення Котокорму за каналами, 4 тижні

Щотижневі сесії та замовлення для п'яти маркетингових каналів. Синтетичні дані, створені для цього курсу.

Завантажити CSV

Стовпці
week_start: Понеділок, з якого починається тиждень (РРРР-ММ-ДД)
channel: seo — органічний пошук, meta_ads — платні соцмережі, google_ads — платний пошук, email — розсилка, referral — посилання із сайтів партнерів
sessions: Сесії на сайті
orders: Зроблені замовлення

Дані

week_start	channel	sessions	orders
2026-08-31	seo	4000	84
2026-08-31	meta_ads	2500	40
2026-08-31	google_ads	1800	54
2026-08-31	email	800	48
2026-08-31	referral	400	11

Показати ще 15 рядків

2026-09-07	seo	4300	90
2026-09-07	meta_ads	2600	42
2026-09-07	google_ads	1900	57
2026-09-07	email	900	54
2026-09-07	referral	420	11
2026-09-14	seo	4100	86
2026-09-14	meta_ads	2700	46
2026-09-14	google_ads	1850	55
2026-09-14	email	850	51
2026-09-14	referral	380	10
2026-09-21	seo	4500	92
2026-09-21	meta_ads	2700	44
2026-09-21	google_ads	1950	58
2026-09-21	email	950	57
2026-09-21	referral	400	10

Alex Tutor

Питання 3

Почати вісь значень стовпчикової діаграми з 80, а не з 0, — нешкідливий спосіб зробити малі відмінності помітнішими.

ПравдаНеправда

Alex Tutor

Стовпчикові діаграми порівнюють число між категоріями: замовлення за каналами, виручку за товарними лінійками, звернення за причинами. Кілька правил роблять їх набагато зрозумілішими:

Сортуйте стовпчики за значенням, якщо категорії не мають природного порядку (як місяці чи тарифи).
Починайте вісь значень з нуля. Довжина стовпчика і є повідомленням. Обріжте вісь — і довжини збрешуть.
Робіть стовпчики горизонтальними, коли підписи довгі, щоб не доводилося нахиляти голову.
Підписуйте безпосередньо, а не змушуйте погляд бігати до легенди й назад.

Графік нижче порівнює дві частки для кожного каналу за чотири тижні: частку сесій і частку замовлень. Він відповідає на запитання «Які канали дають більше замовлень, ніж можна очікувати з їхнього трафіку?»

Alex Tutor

Email дає 9% сесій, але 21% замовленьЧастка сесій і частка замовлень за каналами, чотири тижні разом. Канали впорядковано за кількістю замовлень.

Дані графіка

Канал	Частка сесій, %	Частка замовлень, %
SEO	42,25	35,2
Google Ads	18,75	22,4
Email	8,75	21
Meta Ads	26,25	17,2
Referral	4	4,2

Alex Tutor

Питання 4

За набором даних Сесії та замовлення Котокорму за каналами, 4 тижні: яка частка всіх замовлень за чотири тижні припадає на email?

Ваша відповідь

Одиниці: %, напр. 12,5

Alex Tutor

Кругова діаграма показує, як ціле ділиться на частини. Вона працює, коли частин від двох до чотирьох і одна явно домінує («62% замовлень — з мобільних»). Далі все розвалюється: люди порівнюють кути й площі значно гірше, ніж довжини, тож сектори на 17% і 21% виглядають однаково, а сім секторів ніхто не впорядкує. Ніколи не робіть тривимірну кругову діаграму: нахил спотворює розміри секторів.

Для більшості запитань про частки відсортована стовпчикова діаграма просто краща, як та, що вище. Якщо треба показати і частини, і ціле, підійде також один стовпчик із накопиченням.

Alex Tutor

Щоб побачити, чи рухаються два числа разом, відкладіть кожне на своїй осі й поставте одну точку на кожне спостереження. Це діаграма розсіювання. Нижче кожна точка — один канал за один тиждень: сесії на горизонтальній осі, замовлення — на вертикальній.

Зверніть увагу, що діаграма розсіювання показує те, що ховає таблиця: точки утворюють не одну хмару, а скупчення, по одному на канал. Більше сесій загалом означає більше замовлень, але з дуже різною віддачею. Точки email стоять високо над іншими, хоча сесій у них мало. Коли на діаграмі розсіювання видно скупчення, групувальна змінна (тут — канал) зазвичай і є частиною історії.

Потрібна третя змінна? Бульбашкова діаграма кодує її розміром точки (наприклад, витрати на рекламу). Користуйтеся нею обережно: площі бульбашок важко точно порівнювати. І пам'ятайте: діаграма розсіювання показує зв'язок, а не причину. Цій різниці присвячено весь модуль 5.

Alex Tutor

Питання 5

За набором даних Витрати нових покупців Котокорму за 90 днів побудуйте таблицю частот з інтервалами по $25 (0–24, 25–49, 50–74, …). Скільки покупців потрапляє в інтервал 25–49?

Ваша відповідь

Одиниці: ціле число, напр. 7

Alex Tutor

Щотижневі сесії й замовлення: кожна точка — один канал за один тижденьП'ять скупчень, по одному на канал. Чотири тижні email (близько 800–950 сесій, 48–57 замовлень) конвертують значно краще, ніж чотири тижні Meta Ads (близько 2 500–2 700 сесій, 40–46 замовлень).

Дані графіка

Сесій за тиждень	Замовлення
4 000	84
2 500	40
1 800	54
800	48
400	11

Показати ще 15 рядків

4 300	90
2 600	42
1 900	57
900	54
420	11
4 100	86
2 700	46
1 850	55
850	51
380	10
4 500	92
2 700	44
1 950	58
950	57
400	10

Alex Tutor

Для метрики, яку відстежують у часі, беріть лінійний графік: час іде зліва направо, а нахил лінії одразу показує напрям і швидкість. Тримайте однаковий крок часу (не змішуйте дні й тижні на одній осі) і позначайте події, що пояснюють стрибки: запуск, розпродаж, зміну трекінгу.

Графік нижче показує загальну кількість замовлень Котокорму за тиждень. Зверніть увагу на вісь значень: вона починається з нуля. Замовлення зросли з 237 до 261, приблизно на 10% за чотири тижні. Це реальне стабільне зростання, і графік показує його в справжньому масштабі.

Alex Tutor

Питання 6

Які з цих прийомів роблять графік оманливим? Оберіть усі.

Оберіть усі правильні відповідіПоказати «80% користувачів у захваті», не сказавши, що опитали 5 людей і 4 погодилисяСортувати стовпчики від найбільшого до найменшогоПочати графік одразу після незвично поганого тижня, щоб показати «зростання»Підписати стовпчики значеннями безпосередньоВикористати дві осі Y з різними шкалами, щоб дві лінії здавалися синхронними

Alex Tutor

Щотижневі замовлення зросли приблизно на 10% за чотири тижні

Дані графіка

Тиждень, що починається	Замовлення, усі канали
2026-08-31	237
2026-09-07	254
2026-09-14	248
2026-09-21	261

Alex Tutor

Графіки здаються об'єктивними, і тому вони — потужний інструмент переконання, чесного чи ні. Ось прийоми, які трапляються найчастіше. Не користуйтеся ними й навчіться їх помічати:

Обрізана вісь. Намалюйте ті самі щотижневі замовлення на осі, що починається з 230, а не з 0, і зростання з 237 до 261 виглядатиме так, ніби лінія злетіла вчетверо. Для стовпчикових діаграм це завжди оманливо, бо повідомлення — у довжині стовпчика. Для лінійних графіків ненульовий початок буває прийнятним, якщо він чітко позначений, а зміна важлива у своєму реальному масштабі.
Відсотки без бази. «60% ветеринарів рекомендують наш новий корм» звучить чудово, доки не з'ясується, що опитали 5 ветеринарів і 3 погодилися. Завжди показуйте n поруч із відсотком.
Вибране часове вікно. Почніть графік одразу після поганого тижня, і будь-який тренд виглядатиме як зростання. Показуйте достатньо історії, щоб читач міг судити сам.
Утоплений ряд. Поставте маленьку метрику на одну вісь із метрикою вдесятеро більшою, і її зміни зникнуть. Так можна сховати реальну проблему (скажімо, подвоєння повернень) за великою спокійною лінією.
Розтягнуті чи стиснуті осі. Ті самі дані виглядають драматично на вузькому високому графіку й пласко — на широкому низькому. Тримайте пропорції чесними й однаковими для графіків, які мають порівнювати.
Дві осі. Двома лініями з різними шкалами можна за бажанням змусити їх перетнутися, розійтися чи рухатися разом. Краще зробіть два окремі графіки.

Візуальний шум теж вводить в оману, лише тихіше. Приберіть усе, що не несе інформації (3D-ефекти, товсту сітку, декоративні іконки), обмежтеся приблизно трьома кольорами й використовуйте колір, щоб виділити важливе, а не для прикраси.

Alex Tutor

Питання 7Коротка відповідь · Завдання з перевіркою ШІ

На слайді колеги — джерела трафіку у вигляді тривимірної кругової діаграми з дев'ятьма секторами дев'яти кольорів і заголовком «Джерела трафіку». Запропонуйте у 2–4 реченнях, як її покращити.

Напишіть відповідь і отримайте оцінку та відгук від нашого ШІ-рецензента.

Увійдіть, щоб отримати відгук ШІ

Alex Tutor

Чи відповідає графік на одне чітке запитання, і чи каже заголовок відповідь?
Чи правильний тип для цього запитання (розподіл, порівняння, частка, зв'язок, тренд)?
Чи починається з нуля вісь стовпчиків? Чи однаковий крок часу?
Чи видно розмір вибірки всюди, де показано відсотки чи середні?
Чи можна щось прибрати без втрати інформації? Тоді приберіть.
Якщо ви показуєте середні з планками похибок, чи сказано в підписі, що це: SD, стандартна похибка чи довірчий інтервал? (Дві останні зустрінете в модулях 2 і 3.)

Це завершує модуль 1. Тепер ви вмієте описати будь-яку метрику типовим значенням, розкидом, чітким уявленням про її форму й викиди та чесним графіком. Модуль 2 переходить від опису даних до порівняння груп: коли різниця між двома числами справжня, а коли це лише шум?

Alex Tutor

Питання 8Кейс · Завдання з перевіркою ШІ

Опишіть один графік, який ви поставите на слайд: його тип, що на кожній осі, заголовок і одне застереження під ним.

Директорка з маркетингу Котокорму готує бюджет на наступний квартал і просить один графік для зустрічі керівництва, що відповідає на запитання: «Який канал заслуговує на більші інвестиції?» Керівництво дивитиметься на слайд секунд 30.

У вас є сесії та замовлення за каналами за чотири тижні (набір даних Сесії та замовлення Котокорму за каналами, 4 тижні). Колега вже накидав кругову діаграму сесій за каналами.

Дані для завдання: Сесії та замовлення Котокорму за каналами, 4 тижні

Напишіть відповідь і отримайте оцінку та відгук від нашого ШІ-рецензента.

Увійдіть, щоб отримати відгук ШІ

Alex Tutor

На цьому все. Ви відповіли на всі завдання — чудова робота.

Наступний урок: Вибірки, генеральні сукупності та нормальний розподіл