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

Створення графіки за допомогою штучного інтелекту: від коду до візуалізації з перевіркою

Прибуток:

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

Ви вибрали правильний тип діаграми; Тепер настав час його виготовлення. Найнадійніше використання штучного інтелекту тут полягає не в тому, щоб просити його «намалювати» графік, а в тому, щоб надрукувати код, який створює графік, і запустити цей код самостійно. Звідки? Оскільки велика модель мови є генератором тексту; може вербально «вгадати» число, але код обробляє дані як вони є і створює детермінований результат (завжди надаючи той самий вихід на той самий вхід). У цьому розділі ми навчимося друкувати графічний код (здебільшого Python) у ШІ та перевіряємо результат.

Навіщо кодувати, навіщо запускати?

Запитайте мовну модель: "Який загальний обсяг продажів?" Якщо ви запитаєте, він фактично не збирає дані; Генерує можливе число. Але якщо ви надрукуєте на ньому агрегаційний код і запустите його, результат виходить із реальних даних. Те саме стосується діаграми: код, який генерує модель, працює на ваших даних, на вашій машині. Код також можна повторювати: коли дані оновлюються, ви знову запускаєте код і оновлюєте діаграму.

Загальні інструменти: matplotlib і seaborn (статичний сюжет), plotly (інтерактивний сюжет) з мовою Python; також програми для роботи з електронними таблицями та інструменти BI (бізнес-аналітики). У цьому розділі ми наведемо приклади з використанням Python/matplotlib, оскільки він є найпоширенішим; Принцип однаковий для кожного автомобіля.

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

Крок за кроком: від коду до графіки

  1. Визначте графічний тип і повідомлення (попередній блок).
  2. Опишіть структуру даних моделі (назви стовпців, типи; не конфіденційні дані).
  3. Згенеруйте код, додайте правила чесності в підказку (від осі 0, тегу, примітки до джерела).
  4. Запустіть код самостійно та подивіться на графік.
  5. Перевірте: чи збігається значення на діаграмі зі значенням у даних? Чи тримається загальна сума/частка?
  6. Покращення: змініть назву на назву дії, видаліть непотрібне, додайте колір виділення.

Ваша роль: помічник візуалізації даних Python. У мене є CSV: стовпці «місяць» (РРРР-ММ), «канал» (текст), «дохід» (число). Напишіть код графіка LINE за допомогою matplotlib:- Кожен канал є окремим рядком, x=місяць, y=прихід.- Нехай вісь y починається з 0 (не обрізайте).- Розмістіть мітки безпосередньо в кінці рядків, окрема легенда не потрібна.- Помістіть заповнювач для назви дії в заголовок.- Додайте невелику примітку «Джерело: [ ... ]» унизу праворуч. Зробіть код повним і виконуваним, а також напишіть приклад рядка читання. ПІДМІНКА НОМЕРА; читати дані з CSV.

Щоб виправити наявну діаграму:

Виправте цей код matplotlib: (1) відсортуйте смужки за значенням від найбільшого до найменшого, (2) зробіть лише найвищу смужку помаранчевою, а решту сірою, (3) зробіть так, щоб вісь Y починалася з 0, (4) відформатуйте десяткові знаки з роздільником тисяч. Повернути код повністю. Код: [ ... ]

Для інтерактивної діаграми (для інформаційної панелі):

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

Перевірка: чи діаграма «правильна», а не «гарна»?

Робота не закінчена лише тому, що виведено графіку. Три контрольні суми:

  • Надання значення: Перевірте 2-3 випадкові точки рукою/таблицею. Чи справді найвища смужка на діаграмі найвища?
  • Перевірка загальної суми/частки: чи частки заповнені на 100% у діаграмі частково-цілого?
  • Візуальна чесність: чи вісь починається з 0, чи лінійний масштаб, чи однакові одиниці? (Деталі в наступному розділі.)

контроль

Як доглядати

червоний прапор

Значення

Порівняйте 2-3 точки з даними

Дані графіка не збігаються

цілісність

Чи відсутні місяці/категорії?

Розрив мовчки перескочили

масштаб

Де починається вісь Y

не 0, різниця перебільшена

Всього

Частки/всього

Це не відповідає 100%

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

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

Випадок 1 — Прогноз коду. Аналітик спочатку запитує модель: "Скільки це загальна сума?" — запитав він і отримав відповідь «≈4,2 млн». Потім він роздрукував код додавання і запустив його: фактична загальна сума склала 3,87 мільйона. Усний прогноз був помилковим на 8%. З того дня він отримав кожне число з коду.

Випадок 2 — Тихий відсутній рядок. Одна команда підготувала місячний графік; все виглядало добре. Але березень був пустим у даних, і діаграма його пропустила та пов’язала лютий із квітнем; Це виглядало м’яко, тому що було в тренді. Вони помітили кількість крапок (мало бути 12 замість 11) і виправили її; Відбувся стрибок фактичного тренду.

Випадок 3 — Відтворюваність. Маркетолог щомісяця вручну складав діаграми (приблизно 40 хвилин). Одного разу він встановив код, написаний штучним інтелектом; У наступні місяці потрібно було 2 хвилини, щоб додати новий CSV і запустити код. Економія 38 хвилин на місяць і більше жодних помилок копіювання вручну.

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

Слабкий:

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

Модель може відповідати картинці або давати випадковий код; дані фактично не обробляються, налаштувань чесності немає.

Сильний:

Ваша роль: помічник Python/matplotlib. Дані: CSV, стовпці "region" (текст), "buyume_percentage" (число, може бути від'ємним). Напишіть код горизонтальної смужкової діаграми: відсортуйте за значенням, виділіть найвищу область, додайте опорну лінію y=0 (відображайте мінуси), помістіть відсоткові мітки в кінці смуг. Надайте виконуваний код, зчитайте з CSV, підберіть номер. Додайте заповнювач назви дії для назви.

Другий включає структуру даних, правила чесності та принцип «читати з коду, не вигадувати»; Результат є точним і доступним для редагування.

Вибір інструментів: коли таблиця, коли код?

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

Статус

відповідний транспортний засіб

чому

Одноразовий простий бар

електронна таблиця

Швидко, код не потрібен

Звіт оновлюється щомісяця

Код (Python)

Напиши один раз, запусти ще раз

Інтерактивна/фільтруюча панель інструментів

Код (сюжет) / інструмент BI

потрібна взаємодія

Багато дрібної графіки

Код

Малювання від руки втомлює і неакуратно

Ваша роль: консультант з візуалізації даних. Мені потрібно створити такий графік: [рецепт]. [Як часто] оновлюються дані, [скільки] потрібно різних діаграм. Електронна таблиця чи код Python мають більше сенсу? Обґрунтуйте своє рішення; Яку бібліотеку ви рекомендуєте для коду?

Підказка: «Чи буду я робити це знову щомісяця?» Якщо відповідь на запитання «так», інвестиції в код майже завжди окупаються. Якщо це одноразово, достатньо буде електронної таблиці.

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

  • Запит на «картинку» діаграми: коли ви просите зображення замість коду, дані фактично не обробляються.
  • Довіра коду без його виконання: розміщення результату на слайді без візуальної перевірки.
  • Не надається перевірка значення: точки на діаграмі не порівнюються з даними.
  • Не видно відсутній/пропущений рядок: кількість крапок не перевіряється.
  • Ставтеся до цього як до одноразової роботи: не зберігайте код і починайте з нуля щомісяця.

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

Попросіть у штучного інтелекту код, який створює графік, а не зображення графіка, і запустіть цей код самостійно; тому що код обробляє дані як вони є і дає детерміновані та повторювані результати. Опишіть структуру даних, додайте правила цілісності (від осі 0, мітки, джерела) до запиту, перевірте вихідні дані хешами значення-цілісність-шкала-сума. Код щоразу перевершує словесне передбачення; Але остаточний контроль за вами.

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

Для вашого файлу даних: (1) Опишіть структуру даних ШІ та надрукуйте код генерації графіка (з правилами чесності). (2) Запустіть код і вручну порівняйте 2-3 значення на діаграмі з даними. (3) У тому самому коді відсортуйте смуги за значенням і додайте один колір виділення. (4) Збережіть код для повторного використання наступного місяця.

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

  • [ ] Я хотів і запустив код, який створює діаграму, а не її зображення.
  • [ ] Код зчитує дані з реального файлу, він не складає чисел.
  • [ ] Я порівняв 2-3 значення на діаграмі з даними.
  • [ ] Кількість балів/категорій сумісна з рядками в даних.
  • [ ] Вісь Y і масштаб чесні; Немає переривання осі.
  • [ ] Я зберіг код для повторного використання.