Як обрати тип графіка: таблиця, лінія, bar chart, карта, scatter plot і treemap

У вас є набір даних — наприклад, продажі за дванадцять місяців, рейтинг міст за якістю життя або структура бюджету компанії. Відкриваєте редактор діаграм і бачите три десятки варіантів. У цей момент більшість людей приймає рішення за зовнішністю: pie chart виглядає симпатично, 3D-стовпчики — ефектно. Саме так народжуються звіти, які ніхто не розуміє, і інфографіка, що спотворює реальність.

Правильний підхід інший: тип графіка визначається не смаком дизайнера, а питанням, на яке дані мають відповісти. «Як змінювалося?» — це один графік. «Що більше?» — інший. «Де саме?» — третій. Нижче розбираємо шість базових форматів — таблицю, лінію, bar chart, карту, scatter plot і treemap, — які покривають переважну більшість задач у рейтингах, аналітиці та інфографіці, і пояснюємо простими словами, коли працює кожен із них.

Спочатку питання, потім графік

Типи графіків, якщо пояснити просто, — це способи відповісти на різні типи запитань до даних. Тому перший крок — сформулювати це запитання словами, ще до відкриття Excel, Google Sheets або Datawrapper.

• Порівняння. «Яка категорія більша?» — рейтинг країн, продажі за брендами. Тут працює bar chart або таблиця.
• Динаміка. «Як показник змінювався в часі?» — курс валюти, відвідуваність сайту. Тут потрібна лінія.
• Географія. «Де саме виникає явище?» — рівень безробіття за областями. Тут потрібна карта.
• Зв’язок. «Чи пов’язані два показники?» — витрати на освіту та середні оцінки. Тут scatter plot.
• Структура. «З чого складається ціле?» — статті бюджету, частки ринку. Тут treemap або, за простого складу, таблиця.
• Точні значення. «Яка конкретна цифра?» — тут перемагає таблиця, і жоден графік її не замінить.

Зауважте: одні й ті самі дані часто відповідають на кілька запитань. Рейтинг університетів можна показати таблицею з точними балами, bar chart для швидкого порівняння топ-10 і картою для географії. Це нормально — сильні хаби даних так і працюють, пропонуючи кілька ракурсів одного набору.

Таблиця: найнедооціненіший тип візуалізації

Таблицю часто сприймають як «неможливість намалювати графік». Насправді це повноцінний інструмент data visualization з власними сильними сторонами, і в рейтингах вона часто є головним форматом.

Таблиця незамінна, коли читачеві потрібні точні значення, а не загальне враження. Жоден стовпчик не скаже, що показник дорівнює 73,4, а таблиця скаже. Вона також єдина зручна форма, коли кожен рядок має кілька різнорідних характеристик: місто, населення, середня ціна житла, індекс безпеки, рейтинг. Спроба запхнути це в один графік неминуче створить кашу.

Практичні правила для хорошої таблиці:

• сортуйте рядки за змістовною ознакою — за значенням рейтингу, алфавітом або датою, а не випадково;
• вирівнюйте числа за правим краєм і з однаковою кількістю десяткових знаків — так око легко порівнює порядки величин;
• не перевантажуйте: 5–7 колонок — межа комфорту, далі таблицю варто розбити або згрупувати;
• дозволяйте сортування й пошук, якщо таблиця інтерактивна.

Головна помилка — замінювати таблицю графіком «для краси», коли даних мало. Три значення — це речення або міні-таблиця, а не діаграма.

Лінійний графік: динаміка в часі

Лінія — стандарт для часових рядів: температури, курсу, продажів за місяцями, кількості підписників за тижнями. Вона працює, бо нахил лінії миттєво читається як швидкість зміни, а злами — як переломні моменти.

Ключова умова — неперервність осі. Проміжки між точками мають бути однаковими: або всі місяці, або всі роки. Якщо дані зібрані за 2010, 2012 і 2020 роки, лінія між ними створить ілюзію плавного переходу, якого не було. У такому разі краще показати точки або перейти на стовпчики.

Скільки ліній на одному графіку? Дві–три читаються добре, п’ять — вже на межі, десять ліній перетворюються на «спагеті», де не видно нічого. Якщо категорій багато, розбийте графік на кілька маленьких (прийом small multiples) або дайте інтерактивне вимкнення серій.

Окреме застереження щодо осі Y. У лінійних графіках допустимо не починати вісь від нуля — це не спотворює пропорції так, як у стовпчиках. Але агресивне обрізання осі перетворює коливання в 2% на драматичний обрив. Якщо читач може сприйняти графік як сенсацію, перевірте, чи відповідає масштаб реальному розміру зміни.

Bar chart: король порівнянь

Стовпчикова діаграма — найуніверсальніший і найбезпечніший вибір, коли потрібно порівняти категорії: країни, продукти, роки, міста. Довжина стовпчика сприймається людським оком точніше, ніж кут сектора чи площа кола, тому bar chart майже завжди кращий за pie chart.

Вертикальні чи горизонтальні? Практичне правило просте: якщо назви категорій довгі («Державне підприємство водопостачання…») або категорій багато — робіть горизонтальні смуги, щоб підписи читалися природно. Для часових періодів за звичкою беруть вертикальні стовпчики.

Кілька правил, які відрізняють професійну діаграму від аматорської:

• вісь значень починайте від нуля — інакше різниця між 95 і 100 виглядатиме як різниця вдвічі; це найпоширеніший спосіб маніпуляції в рейтингах;
• сортуйте стовпчики за значенням, якщо немає природного порядку (на кшталт місяців); відсортований рейтинг читається за секунду;
• не використовуйте 3D і градієнти — вони лише заважають точно зчитувати довжину;
• груповані стовпчики (кілька серій на категорію) тримайте в межах двох–трьох серій.

Граничний випадок — pie chart. Він допустимий лише коли часток дві–чотири й сума має сенс цілого (склад виторгу, результати виборів). Щойно часток шість і більше, pie перетворюється на вгадування: людське око не відрізняє сектор у 18% від 21%. У тій самій ситуації bar chart працює бездоганно.

Карта: коли місце — головне

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

Найпоширеніша форма — картограма (choropleth), де регіони зафарбовуються за значенням показника. Її головна пастка — абсолютні числа. Якщо розфарбувати області за кількістю злочинів, найтемнішими завжди будуть найбільш населені регіони, і карта покаже не злочинність, а карту населення. Рішення — нормалізація: показник на 100 тисяч мешканців, на квадратний кілометр, відсоток від загального.

Другий підводний камінь — розмір регіонів. Великі за площею малонаселені області візуально «важать» більше, ніж компактні міста з мільйонами людей. У випадках, коли це спотворює картину, використовують точкові карти (бульбашки в центрах міст) або картограми-спотворення (cartogram), де площа регіону пропорційна населенню, а не географії.

І третє: якщо географія не додає змісту, карта шкодить. Рейтинг компаній за виручкою, розміщений на карті штаб-квартир, — це гірший bar chart, на який витратили карту.

Scatter plot: шукаємо зв’язки

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

Чим scatter plot унікальний: жоден інший тип графіка не показує викиди й кластери так наочно. Коли майже всі точки тягнуться уздовж діагоналі, а одна країна сидить далеко вгорі, — саме ця точка і є історія. Рейтинги й аналітичні хаби даних люблять цей формат, бо він провокує питання «а чому цей випадає?».

Що варто знати, перш ніж будувати scatter:

• обидві змінні мають бути числовими; для категорій проти числа краще підійде bar chart або box plot;
• кореляція, яку видно на графіку, не означає причинності — морозиво й утоплення корелюють через третій фактор, літо;
• якщо точок тисячі й вони перекриваються, зменшіть розмір, додайте прозорість або перейдіть на щільність (heatmap);
• розміром і кольором точок можна закодувати третій і четвертий показники, але понад це графік перестає читатися.

Scatter plot вимагає від читача трохи більше зусиль, ніж стовпчики, тому для широкої аудиторії його варто супроводжувати коротким підписом-підказкою: «праворуч угорі — країни з високими витратами та високою тривалістю життя».

Treemap: структура цілого

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

Коли treemap доречний: багато категорій (десятки й сотні), наявність вкладеності, потреба показати відносний внесок у ціле. Бюджетні портали використовують treemap для статей видатків, медійні хаби — для структури трафіку за розділами.

Обмеження теж істотні. Площі людське око порівнює гірше, ніж довжини: два прямокутники з площами 18 і 21 виглядають майже однаковими. Тому treemap добре відповідає на питання «що домінує?», але погано — «на скільки саме більше?». Для точного порівняння двох близьких категорій додайте підписи з числами або дублюйте дані таблицею.

Друга умова — всі значення мають бути додатними й осмислено сумуватися в ціле. Дані з від’ємними значеннями (прибутки та збитки разом) treemap відобразити не вміє.

Швидка таблиця вибору

Методологія даних важливіша за графік

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

Кілька речей, які професійні хаби даних і редакції інфографіки перевіряють перед публікацією:

• порівнянність: чи однаково визначений показник у всіх рядках (наприклад, «безробіття» за методологією МОП і за даними служби зайнятості — різні числа);
• актуальність і дата: зазначайте рік і джерело прямо на графіку чи в підписі;
• розмір вибірки та похибка: рейтинг за опитуванням 300 людей не можна подавати з точністю до десятих;
• чесність масштабу: осі, кольорові шкали й розміри бульбашок не повинні перебільшувати ефект.

Саме ці деталі відрізняють інфографіку, якій довіряють, від тієї, що стала вірусною через маніпуляцію.

Поширені помилки при виборі графіка

Завершимо переліком рішень, які найчастіше псують візуалізацію:

• pie chart із десятком секторів замість відсортованого bar chart;
• лінія між категоріями, які не є часом (лінія від «Києва» до «Львова» немає сенсу);
• 3D-стовпчики та конуси, що спотворюють співвідношення;
• двохосьові графіки, де дві лінії з різними шкалами створюють фальшиву «кореляцію»;
• карта для даних, де географія нічого не пояснює;
• вісь Y, обрізана так, щоб різниця в 3% виглядала драматичною;
• кольори без легенди або з десятком відтінків, які неможливо розрізнити.

Якщо графік вимагає тривалого пояснення, що на ньому зображено, — це симптом неправильно обраного типу, а не складності даних.

Часті запитання

Що краще: pie chart чи bar chart?

У більшості випадків bar chart: довжини порівнюються точніше за кути. Pie допустимий лише для двох–чотирьох часток, що очевидно сумуються в ціле.

Чи можна починати вісь не з нуля?

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

Скільки категорій можна показати на одному графіку?

Для bar chart комфортно до 15–20 (горизонтальних). Більше — групуйте в «інші», переходьте на таблицю або treemap.

Коли графік взагалі не потрібен?

Коли значень два–три. «Продажі зросли з 1,2 до 1,8 млн» — це речення, а не діаграма.

Як обрати графік за три кроки

1. Сформулюйте словами запитання, на яке дані відповідають: порівняння, динаміка, географія, зв’язок, структура чи точні значення.
2. Зіставте запитання з форматом за таблицею вище — і спочатку перевірте методологію даних, а не естетику.
3. Перед публікацією подивіться на графік очима людини, яка бачить його вперше: чи зрозумілий висновок за п’ять секунд, чи не спотворені пропорції, чи вказані джерело й дата.

Якщо всі три кроки пройдені — ви обрали графік правильно, навіть якщо він виглядає скромно. У візуалізації даних скромність і є ознакою майстерності.