Існує безліч способів візуалізації даних, але як дізнатися, який з них вибрати?
Нижче представлений перелік можливих візуалізацій, придатних для відображення певного виду показників. Виберіть одну з категорій, щоб познайомитися з можливими варіантами зображень та вибрати найбільш вдалий.
Цей список не є вичерпним, однак виступає непоганою відправною точкою для створення інформативних та інтуїтивно зрозумілих візуалізацій.
Дана категорія дозволяє зобразити відхилення показника від обраної метрики, та візуалізувати порядок і величину дисперсії значень. Значенням базової лінії найчастіше виступає 0, однак це може бути і середнє значення або обрана константа. Дані візуалізації також зручно використовувати в анкетах, щоб подивитися розподіл даних між декількома варіантами відповідей.
Приклади використання:
Прибутковість / збитковість за категоріями, розподіл відповідей респондентів між можливими варіантами
Типи діаграм
Стовпці, що розходяться (bar-diverging) | Мультиваріантна діаграма розкиду (bar-diverging-stacked) | Діаграма розкиду (spine-chart) | Біржова діаграма (line-surplus-deficit-filled) |
 |  |  |  |
Стандартна діаграма, яка відображає відхилення значень різних категорій від обраного контрольного значення. | Ідеально підходить для представлення результатів опитування з декількома варіантами відповідей (наприклад, не згоден, нейтральний, згоден). | Відображає розподіл значення показника між підкатегоріями (наприклад, чоловік / жінка). | Затемнена область цих графіків дозволяє швидко оцінити динаміку показників. Найчастіше на графік додають довірчі інтервали. |
Графіки кореляції використовуються для визначення взаємозв’язку між двома і більше змінними.
Приклади використання
Залежність зарплати співробітників від їх статі, зв’язок обсягу продажу і рівня прибутку.
Типи діаграм
| Графік розсіювання (scatterplot) | Діаграма з декількома осями (line-column) | Точкова діаграма, об’єднана лініями (scatterplot-connected) | Бульбашкова діаграма (Bubble) | Теплова карта (XY-Heatmap) |
 |  |  |  |  |
Класичний спосіб демонстрації зв’язку між двома змінними, кожна з яких має свою вісь. | Дозволяє показати зв’язок між кількома показниками на одному графіку при об’єднуючому параметрі по осі Х | Зазвичай використовується, щоб показати, як відносини між двома змінними змінювалися протягом часу. | Дає можливість порівняння точок по 3 різних змінних. Де третя змінна визначає розмір кіл. | Зручно використовувати для відображення взаємозв’язку між двома категоріями даних. |
Дана категорія діаграм дозволяє вловити тенденцію зміни показників у часі.
Приклади використання
Зміна ціни акцій, тимчасові ряди по різних економічних показниках
Типи діаграм
Лінійний графік (line) | Стовпчаста діаграма (column-timeline) | Комбінована діаграма (column-line-timeline) | Свічкова діаграма / Японські свічки (stock-price) |
 |  |  |  |
Стандартний спосіб показати тимчасовий ряд, що змінюється. Якщо частина даних відсутня, рекомендується вибрати точковий графік. | Ще один класичний варіант відображення змін в часі. | Хороший спосіб показати співвідношення різних показників по об’єднуючому параметру на осі X | Дані діаграми використовують для відображення біржових котирувань акцій, цін на сировину. Крайні точки фіксують курс відкриття / закриття і максимум / мінімум кожного дня. |
Діаграма з областями (area) | Лінійний графік з розсіюванням (fan) | Поєднана точкова діаграма (scatterplot-line-timeline) | Градієнт значень на календарі (calendar-heatmap |
 |  |  |  |
Діаграми з областями підкреслюють величину зміни в динаміці за часом і можуть використовуватися для залучення уваги до загального значення в рамках тренду. | Найчастіше використовується при прогнозуванні. При якому ступінь дисперсії значень залежить від обраного довірчого інтервалу. | Хороший спосіб показати дані, що змінюються для двох змінних щоразу, коли існує відносно чітка схема прогресування. | Відмінний спосіб відображення тимчасових шаблонів (щодня, щотижня, щомісяця) за рахунок демонстрації точності в кількості. |
Діаграма Ганта (priestley timeline) | Кругова тимчасова шкала (circles-timeline) | Сейсмограма (seismogram) | |
 |  |  | |
Незамінний інструмент для планування і управління завданнями. Інтуїтивно зрозуміла послідовність і терміни виконання. | Підходить для відображення дискретних значень різного розміру по декількох категоріях (наприклад, землетрусу по континентах). | Ще одна альтернатива кругової шкали часу для показу серій, в яких є великі відмінності в даних. |
Використовується, коли позиція елемента в упорядкованому списку важливіша, ніж його абсолютне або відносне значення.
Приклади використання:
Прибутковість за окремими напрямами компанії, рейтинг брендів на ринку за показниками лояльності та залучення
Типи діаграм
Лінійчата діаграма (bar-ordered) | Стовпчаста діаграма (column-ordered) | Бульбашкова діаграма (symbol-proportional-ordered) | Діаграма розсіювання на лінії (dot-plot-strip) |
 |  |  |  |
Показує відмінності між елементами в одній або декількох категоріях. Набагато вдаліше відображають ряди значень при сортуванні по порядку. | Застосовуються для порівняння даних між категоріями. | Дозволяє порівняти і ранжувати окремі елементи в трьох вимірах даних. | Точки, розташовані по порядку на смузі, – ефективний спосіб ранжування значень по декількох категоріях. |
Похила діаграма (slope) | Чупа-чупс діаграма (lollipop-h) | Чупа-чупс діаграма (lollipop-v) | |
 |  |  | |
Ідеально підходить для демонстрації стану «до» і «після» впливу фактора за різними категоріями. | Діаграма Lollipop дозволяє зробити акцент на будь-яких значущих точках даних, на які ви хочете звернути увагу. | Діаграми Lollipop привертають більше уваги до значення даних, ніж стандартні стовпці, а також можуть ефективно показувати рейтинг. |
Дана категорія графіків дозволяє оцінити придатність інформації для аналізу. Оцінити однорідність вибірки, форму розподілу, виявити значення, які кардинально спотворюють результати обчислень.
Приклади використання
Розподіл доходів, розподіл населення (за віком / статтю), кількість співробітників компанії в декількох вікових групах.
Типи діаграм
Гістограма розподілу частот (histogram) | Ящик з вусами (boxplot) | Віолончель (violin) | Популяційна піраміда (population-pyramis) |
 |  |  |  |
Стандартний спосіб показати статистичний розподіл, де кожен стовпець спирається на конкретне значення ознаки або розрядний інтервал. А висота стовпчика пропорційна частоті відповідного значення. | Графік використовують для оцінки розподілу даних у вибірці. Він компактно відображає ключові моменти в одній діаграмі – діапазон, квартили, середнє значення і викиди. | Схожий на блокову діаграму, але більш ефективний для складних розподілів (дані, які не можна підсумувати за допомогою простого середнього). | Стандартний спосіб відображення розподілу значень за віком і статтю серед населення. |
Діаграма розсіювання на лінії (dot-plot-strip) | Гантельна діаграма (Dumbell-chart) | Штрих-код (barcode) | Графік з накопиченням (cumulative-curve) |
 |  |  |  |
| Добре підходить для відображення розподілу значень за кількома групами даних. Інструмент показує розкид даних та скупчення значень в певних областях, якщо такі є. | Відмінний спосіб показати зміну даних між двома моментами часу, станами або різницю між двома групами. | Подібно до точкових смуг, які хороші для відображення всіх даних в таблиці, вони найкраще працюють при виділенні окремих значень. | Хороший спосіб показати, наскільки рівномірним є розподіл: вісь Y завжди накопичувальна частота, вісь X – завжди міра. |
Дана категорія діаграм дозволяє проаналізувати структуру даних.
Приклади використання
Структура доходів, поділу даних на кластери за обраними ознаками.
Типи діаграм
Вертикальний стек (column-stacked) | Горизонтальний стек (bar-stacked-proportional) | Кругова діаграма (pie) | Кільцева діаграма (doughnut) |
 |  |  |  |
Простий спосіб показати взаємозв’язок «частина-до-цілого». Не зручний, коли числа категорій багато і частка кожної незначна. | Хороший спосіб показати розмір і пропорцію даних одночасно. | Найпоширеніший спосіб відображення даних по частинах, але майте на увазі, що складно точно порівняти розмір сегментів. | Аналогічно круговій діаграмі, але центр може бути хорошим способом звільнити місце для включення додаткової інформації про дані (наприклад, разом). |
Дерево (treemap) | Кластеризація (Voronoi) | Сонячні промені (sunburst) | Арочна (arc) |
 |  |  |  |
Використовуйте для ієрархічних відносин частин до цілого; може складно читатися, якщо включити багато маленьких сегментів. | Спосіб розбиття множини даних на групи об’єктів зі схожими властивостями. | Застосовується при порівнянні розміру груп з дослідженням ієрархічних зв’язків. | Показує відсоток від максимальної кількості, яка займає одне із значень в наборі даних, у вигляді частково закрашеного кільця. |
Сіткова діаграма (gridplot) | Кола Ейлера – Венна (Venn) | Каскадна діаграма (Waterfall) | |
 |  |  | |
Добре підходить для відображення інформації в %. Один з варіантів візуалізації: сітка 10 * 10, де кожен осередок 1% інформації. | Зазвичай використовується для схематичного уявлення відносин декількох підмножин універсальної множини. | Каскадна діаграма зазвичай використовується для розуміння, як на підсумкове значення вплинув ряд проміжних позитивних і негативних факторів. |
Дана категорія графіків дозволяє продемонструвати, як дані співвідносяться один з одним.
Приклади використання
Порівняння факту виконання товарообігу з цільовим значенням, порівняння прибутковості напрямку за періодами.
Типи діаграм
Стовпчаста діаграма (Column) | Лінійчата діаграма (Bar) | Стовпчаста діаграма (column-grouped) | Лінійчата діаграма (bar-grouped) |
 |  |  |  |
Найбільш універсальний спосіб порівняння категорій або груп даних. | Показує відмінності між елементами в одній або декількох категоріях. Набагато вдаліше відображають ряди значень при сортуванні по порядку. | Дозволяє порівняти між собою кілька категорій по додатковому критерію (в т.ч. часу). | Дозволяє порівняти між собою кілька категорій по додатковому критерію. Якщо критеріїв для порівняння більше 2, візуалізація може бути перевантажена. |
Горизонтальний стек (bar-stacked-proportional) | Бульбашкова діаграма (symbol-proportional) | Піктограма (isotope (pictogram) | Чупа-чупс діаграма (lollipop-h) |
 |  |  |  |
Хороший спосіб показати розмір і пропорцію даних одночасно. | Дозволяє порівняти і ранжувати окремі елементи за трьома видами показників. | Відмінне візуальне рішення. Рекомендується використовувати тільки з цілими числами. | Діаграма Lollipop дозволяє зробити акцент на будь-яких значущих точках даних, на які ви хочете звернути увагу. |
Чупа-чупс діаграма (lollipop-v) | Пелюсткова діаграма (Radar) | Діаграма з паралельними координатами (Parallel coordinates) | Діаграма шкала (Bullet chart) |
 |  |  |  |
Діаграми Lollipop привертають більше уваги до значення даних, ніж стандартні стовпці, а також можуть ефективно показувати рейтинг. | Цей тип діаграм дозволяє представляти дані на двомірному графіку, де кожній із змінних відповідає окремий промінь. | Основна її перевага – легкість концентрації уваги на обираних користувачем категоріях при збереженні можливості зіставлення їх з іншими. | Компактний графік для план-факт порівняння. Призначений для відображення цілої низки значень за обраним показником. |
Картограми і картодіаграми застосовуються для зображення географічної характеристики досліджуваних явищ. Вони показують локалізацію досліджуваного явища, його інтенсивність на певній території.
Приклади використання:
Щільність населення по регіонах, розташування природних ресурсів, локалізація та вплив стихійних лих
Типи діаграм
Фонова картограма / Хороплет (basic-choropleth) | Кругова картодіаграма (proportional-symbol) | Потоки (flow) | Контурні карти (contour) |
 |  |  |  |
Стандартний метод розміщення даних на карті. Коли кожна територія отримує свій колірний індикатор в залежності від значення обраного показника. | Використовуються для наочного порівняння значення показника між різними територіальними одиницями. | Застосовується для відображення переміщення обраного об’єкта на карті. | Використання колірних шкал на контурних картах дозволяє швидко ідентифікувати області з однаковим діапазоном значень. |
Згладжена картограма (equalised-cartogram) | Масштабна картограма (scaled-cartogram-value) | Точкова картограма (dot-density) | Теплова карта (heat-map) |
 |  |  |  |
Перетворення кожного блоку на карті в звичайну і однакового розміру форму – добре для подання регіонів голосування з рівною часткою. | На таких картах розмір кожної території збільшується або зменшується пропорційно значенням обраного показника. | Використовується для відображення місця розташування окремих об’єктів. | Дозволяє відобразити на карті щільність або частоту прояву певної ознаки за допомогою кольорової шкали з різною інтенсивністю. |
Головна мета таких діаграм – продемонструвати, як кожен процес впливає на результуюче значення, виявити відносини між цими процесами. Визначити інтенсивність руху між двома або більше станами.
Приклади використання
Рух грошових коштів, демографічні потоки
Типи діаграм
Санкей діаграма (Sankey) | Каскадна діаграма (Waterfall) | Кругова діаграма зв’язків (chord) | Лінійна діаграма зв’язків (network) |
 |  |  |  |
Діаграма Санкей наочно ілюструє будь-які бізнес-процеси в динаміці: навантаження, пропускну здатність, ефективність, відображає взаємозв’язки та їх силу, внесок в загальний потік. | Каскадна діаграма зазвичай використовується для розуміння, як на підсумкове значення вплинув ряд проміжних позитивних і негативних факторів. | Складна, але потужна діаграма, яка може ілюструвати двосторонні зв’язки в матриці. | Використовується для відображення взаємозв’язків об’єктів зі складною ієрархічною структурою. |
Джерело FT Interactive Dev Guide
Tableau Software розробляє революційні продукти, які змінюють спосіб використання даних.
Якщо у Вас залишилися питання, звертайтеся до наших фахівців +380 (44) 383 4410 або data@softico.ua
