Единицы
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 РАЗНЫХ вопроса для одного и того же набора данных и сопоставьте наиболее подходящий тип диаграммы для каждого вопроса. Итак, покажите мне принцип «вычитания типа диаграммы из вопроса». Структура данных: [ ... ].

Цвет, сортировка и маркировка

Правильного вида недостаточно; Читабельность заключается в деталях:

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

Дайте рекомендации по удобочитаемости гистограммы: сортировка (по значению?), выбор одного цвета выделения, прямая маркировка, удаление ненужной сетки/осей. Моя цель — показать: «[регион Х явно впереди]». Скажите это конкретно.

три мини-кейса

Случай 1 — От торта к палочке. Одна команда показала рыночную долю девяти продуктов на круговой диаграмме из девяти секторов; Кусочки были близко друг к другу, и ничего нельзя было понять. Они перешли на горизонтальную полосу, отсортированную по значению. Зрители сразу увидели, что на долю трех лучших продуктов пришлось 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) Сравните диаграмму неправильного типа (например, круговой) и правильного типа (например, столбчатой) и напишите в одном предложении, какое из них более четко передает сообщение.

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

  • [ ] Прежде чем выбрать диаграмму, я написал вопрос в одном предложении.
  • [ ] Я поместил вопрос в семью (сравнение/тенденция/отношения/...).
  • [ ] Введите соответствующий вопросу и типу переменной.
  • [ ] Я отсортировал столбцы по значению.
  • [ ] Я использовал один цвет блика и нейтрализовал остальные.
  • [ ] Я избегал вводящих в заблуждение типов (3D-торт, торт из нескольких кусочков).