одиниці
1. Вступ до штучного інтелекту в презентації та візуалізації даних: ролі, межі, перевірка та етика 2. Структура презентації та художній розповідь: подорож аудиторії 3. Створення тексту слайда та вмісту: заголовок, стаття, примітка доповідача 4. Дизайн слайдів і візуальне виробництво: макет, колір, піктограми та візуальні елементи штучного інтелекту 5. Розуміння даних і вибір правильного типу діаграми 6. Створення графіки за допомогою штучного інтелекту: від коду до візуалізації з перевіркою 7. Дизайн інформаційної панелі: щоб великі числа були зрозумілими на екрані 8. Розповідь даних: перетворення чисел на розповідь 9. Створення інфографіки: зрозуміла інформація в одному візуалі 10. Уникнення оманливої візуалізації: графічна етика та чесність 11. Наскрізний потік: від брифінгу до репетиції, перевірки, конфіденційності та доставки
одиниця 5 / 11

Розуміння даних і вибір правильного типу діаграми

Прибуток:

  • Можливість вибору типу діаграми з поставленого запитання (порівняння, тренд, взаємозв’язок, частина-ціле, розподіл), а не з форми даних
  • Можливість покращити читабельність за допомогою сортування за значенням, одним кольором виділення та прямим маркуванням
  • Можливість уникати фальшивих збігів, таких як 3D-торт, торт із кількома скибочками та паличка для зв’язків

Графік — це, по суті, речення: «Ці дані говорять про це». Неправильний тип графіка або зробить це речення незрозумілим, або зробить його брехливим. У цьому розділі ми навчимося вибирати тип діаграми, який підходить для відповідного запитання, і використовувати штучний інтелект як порадника в цьому виборі. Правило таке: спочатку знайте, що ви хочете сказати, потім вибирайте графіку.

Спочатку питання, потім схема

Тип діаграми залежить від запитання, яке ви задаєте, а не від «форми» даних. П'ять основних груп питань:

  • Порівняння: «Який більший?» → стовпчаста діаграма.
  • Зміна з часом (тенденція): «Як це змінилося?» → лінійна діаграма.
  • Частина-ціле (композиція): "Яка його частка в загальному?" → багатошаровий брусок, іноді торт (з невеликою кількістю шматочків).
  • Зв'язок (кореляція): «Чи рухаються дві змінні разом?» → діаграма розсіювання.
  • Розподіл: «Як розподіляються значення?» → гістограма, коробковий графік.

Кілька термінів: категоріальні дані – класи (місто, товар); числові дані - це вимірювані величини (надходження, температура); часові ряди – це вимірювання в часі (місячні продажі).

ви хочете запитати

Тип даних

правильна діаграма

Щоб уникнути

Порівняти категорії

категоріальний + числовий

Горизонтальна/вертикальна смуга

3D торт

тенденція з часом

часові ряди

лінія

Багаторазовий торт

Частина-ціле (2-4 частини)

категорійна частка

Багатошаровий батончик/фунтовий торт

торт на 8 шматочків

Зв'язок двох чисел

числовий + числовий

Скаттер

стрижень

Розподіл непарного числа

числові

Гістограма/коробковий графік

лінія

Єдине значуще число

єдине значення

Велика цифра (карта KPI)

силу графіки

Порада: кругова діаграма працює лише для 2–4 фрагментів і якщо частки значно відрізняються. Якщо потрібно 5+ фрагментів, горизонтальна панель майже завжди читабельніша.

Крок за кроком: вибір правильної діаграми

  1. Запишіть запитання одним реченням. «Який регіон виріс найбільше?» подобається.
  2. Визначте сімейство запитань. Порівняння, тренд, зв'язок?
  3. Підрахуйте кількість і тип змінних. Скільки існує вимірів, категорійних чи числових?
  4. Виберіть діаграму-кандидата (з таблиці).
  5. Спростити. Відмовтеся від непотрібних осей, сіток, кольорів і ефектів.
  6. «Це очевидно з першого погляду?» виконати тест; Дайте комусь 5 секунд і запитайте, що він розуміє.

Щоб переглянути тип графіка для ШІ, укажіть структуру даних і своє запитання (не необроблені конфіденційні дані):

Ваша роль: консультант з візуалізації даних. У мене є дані з такою структурою: [назви та типи стовпців, напр. «місяць (число), регіон (категорія), продаж (число)»]. Кількість рядків ~[N]. Питання, на яке я хочу відповісти: «[одне речення]». Завдання: запропонуйте тип діаграми, яка відображатиме це запитання найбільш чесно та зрозуміло. Укажіть 1 основний, 1 альтернативний і напишіть, ЧОМУ це підходить/невідповідно для кожного. Також скажіть мені, чому я повинен уникати потенційно оманливих варіантів (наприклад, 3D торт).

Різні питання вимагають різних графіків на основі тих самих даних:

Створіть 3 РІЗНИХ запитання для одного набору даних і підберіть для кожного запитання найбільш відповідний тип діаграми. Отже, покажіть мені принцип «віднімає тип діаграми від питання». Структура даних: [ ... ].

Колір, сортування та маркування

Правильного виду недостатньо; Читабельність полягає в деталях:

  • Сортувати: сортувати стовпчики за значенням (від найбільшого до найменшого), а не за алфавітом; Ось як око робить порівняння.
  • Виділіть колір: не фарбуйте все; Виділіть одну смугу/лінію, яку потрібно виразити, решту залиште сірими.
  • Прямий ярлик: напишіть назву в кінці рядків, якщо можливо; глядачеві не потрібно швидко проглядати смужку з легендою (поле опису кольору).
  • Низька сітка: фонові лінії залишаються тьмяними; Виділіть дані.

Надайте пропозиції щодо зручності читання для стовпчастої діаграми: сортування (за значенням?), вибір одного кольору підсвічування, пряме маркування, видалення непотрібної сітки/осі. Моя мета — показати: «[регіон X явно попереду]». Скажіть конкретно.

три міні-чохла

Кейс 1 — Від торта до палички. Одна команда показала частку ринку 9 продуктів у секторній діаграмі з 9 фрагментами; Шматочки були близько один до одного, і нічого не було зрозуміло. Вони перейшли на горизонтальну панель, відсортовану за значенням. Аудиторія з першого погляду побачила, що 3 найкращі продукти становлять 61% від загальної кількості.

Випадок 2 — неправильне запитання, неправильний графік. Один аналітик намагався показати «зв’язок між витратами на рекламу та продажами» за допомогою гістограми; Відношення не було видно. Штучний інтелект сказав, що це питання стосунків і потрібна діаграма розсіювання. Коли ми перейшли на Scatter, став очевидним позитивний, але слабкий зв’язок (насичення після точки).

Випадок 3 — Акцентний колір. Один менеджер відобразив усі 12 смужок різними кольорами; Око не знало, куди дивитися. Вони зробили лише смужку для пояснення помаранчевою, а решту сірою. «Справжнє повідомлення» зустрічі було зафіксовано на першій секунді; Дискусія точилася навколо правої планки.

Слабка підказка / Сильна підказка

Слабкий:

Побудуйте ці дані на графіку.

Без питань; модель випадково (і часто неправильно) вибирає тип.

Сильний:

Ваша роль: консультант з візуалізації даних. Структура даних: місяць (дата), канал (категорія: 4 значення), дохід (число). Моє запитання: "Який канал розвивався найшвидше за останні 12 місяців?" Це питання ТЕНДЕНЦІЯ + ПОРІВНЯННЯ. Запропонуйте найбільш чесний тип діаграми, підкажіть, як показати 4 канали на одній діаграмі, який виділити і чи починати вісь з 0. Виключіть помилкові варіанти з обґрунтуванням.

Другий включає питання, структуру даних і інтерес справедливості (вісь); Пропозиція була б правильною.

Маленький мультиграф: дуже маленький замість одного великого

Коли ви вписуєте занадто багато рядків/категорій у діаграму, виникає "діаграма спагетті"; Жоден рядок не читається. Потужною альтернативою є невеликі кратні: повторення того самого графіка, маленького та поруч, для кожної категорії окремо. Наприклад, ви можете показати тенденцію продажів у 8 регіонах поруч як 8 маленьких лінійних діаграм, а не як 8 рядків на одній діаграмі. Усі мініатюри мають однаковий масштаб, тому око може легко порівняти.

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

Підказка: «Чи варто помістити 8 рядків в одну діаграму?» Якщо ви вагаєтесь, відповідь зазвичай ні. Після 4-5 рядків невеликий мультисюжет майже завжди більш читабельний.

5 секундний тест і спрощення

Вибравши правильний тип, спростіть діаграму. Видаляється все, що можна видалити: непотрібні лінії сітки, краї коробки, тінь, колір фону, три виміри. Це часто називають «зменшення графічного чорнила»; Тобто будь-який піксель, який не відображає дані, відволікає увагу. Потім виконайте 5-секундний тест: покажіть комусь графік протягом 5 секунд, закрийте його та запитайте «Що ви розумієте?» запитати. Якщо він не може передати правильне повідомлення, діаграма неправильного типу або занадто переповнена. Цей тест говорить правду набагато швидше, ніж довгі пояснення.

Поширені помилки

  • Вибір діаграми до того, як питання стане зрозумілим: спочатку виберіть тип і спробуйте вмістити в нього дані.
  • Торт навколо: торт із кількома скибочками чи подібними порціями неможливо прочитати.
  • Алфавітний порядок: ускладнює порівняння; Сортувати за значенням.
  • Інфляція кольорів: фарбування кожної категорії та зменшення її акценту.
  • Запитання щодо кореляції: Для кореляції необхідна діаграма розсіювання.
  • Примусове приведення діаграми до одного числа: великої картки KPI достатньо для однієї значущої цифри.

Підсумовуючи

Тип діаграми залежить не від форми даних, а від запитання, яке ви задаєте: для порівняння потрібна смуга, для тренду — лінія, для частково-цілого — смужка/планета, що складається, для зв’язку — розподіл, для розподілу — гістограма/коробка. Сортувати за значенням, виділяти суцільним кольором, безпосередньо позначати, викидати зайве. Враховуючи структуру даних і ваше запитання, ШІ добре підказує правильний тип; Але ви приймаєте остаточне рішення і перевіряєте чесність.

Аплікаційне завдання

Напишіть 3 різні запитання для одного зі своїх наборів даних. (1) Помістіть кожне запитання в групу запитань (порівняння/тенденція/зв’язок/частина-ціле/розподіл). (2) Передайте структуру даних і запитання штучному інтелекту та отримайте рекомендації щодо типу діаграми. (3) Порівняйте діаграму з неправильним типом (наприклад, круговою) і правильним типом (наприклад, стовпчиком) і напишіть одним реченням, яке з них передає повідомлення більш чітко.

контрольний список

  • [ ] Перш ніж вибрати діаграму, я написав запитання одним реченням.
  • [ ] Я розмістив запитання в сім’ї (порівняння/тенденція/зв’язок/...).
  • [ ] Тип, що відповідає питанню та типу змінної.
  • [ ] Я відсортував стовпчики за значенням.
  • [ ] Я використав один колір підсвічування та нейтралізував решту.
  • [ ] Я уникав типів, що вводять в оману (тривимірний торт, торт з кількома шматочками).