Круговые диаграммы — один из самых узнаваемых — и наиболее неправильно используемых — типов диаграмм в визуализации данных. Проанализировав тысячи дашбордов и отчетов, я видела, как круговые диаграммы используются и блестяще, и катастрофически. Это руководство поможет вам точно понять, когда круговые диаграммы работают, когда они терпят неудачу и как создавать те, которые действительно эффективно передают информацию.
Что такое круговая диаграмма и как она работает?
Круговая диаграмма — это круговая статистическая графика, разделённая на сегменты для иллюстрации числовых пропорций. Каждый сегмент представляет вклад категории в целое, при этом длина дуги (и, следовательно, площадь) пропорциональна величине, которую он представляет.
Математика проста: полный круг представляет 100%, а угол каждого сегмента рассчитывается как (значение / общее) × 360 градусов.
Психология круговых диаграмм
Люди от природы хорошо оценивают углы около 0°, 90° и 180° — основные направления. Вот почему:
- 50% (половина) сразу очевидно
- 25% (четверть) легко заметить
- Всё между 20-30% становится трудно различить
Это психологическое ограничение важно для понимания, когда круговые диаграммы работают.
Когда использовать круговую диаграмму (5 золотых правил)
Правило 1: Максимум 5-6 сегментов
Когнитивные исследования показывают, что людям трудно сравнивать более 5-6 элементов одновременно. За этим порогом ваша круговая диаграмма превращается в красочный беспорядок.
Хороший пример: Доля рынка среди 5 основных конкурентов
Плохой пример: Разбивка выручки по 15 продуктовым категориям
Правило 2: Сегменты должны быть существенно разными
Если ваши сегменты составляют 23%, 22%, 21%, 20% и 14%, круговая диаграмма провалится. Визуальные различия незаметны.
Правило 5%: Соседние сегменты должны отличаться как минимум на 5 процентных пунктов для четкого визуального различия.
Правило 3: Вы показываете отношения часть-целое
Круговые диаграммы отвечают на один вопрос: "Какую часть целого представляет это?"
Если вы сравниваете значения по категориям (а не пропорции), используйте вместо этого столбчатую диаграмму.
Правило 4: Ваша аудитория ожидает процентов
Круговые диаграммы работают лучше всего, когда естественный способ обсуждения ваших данных — в процентах:
- "Маркетинг составляет 35% бюджета"
- "Мобильные пользователи составляют 62% трафика"
- "Продукт А занимает 45% доли рынка"
Правило 5: Порядок и маркировка четкие
Начните свой самый большой сегмент с 12 часов и располагайте сегменты по часовой стрелке в порядке убывания. Это создаёт естественный поток чтения.
Когда НЕ использовать круговую диаграмму
Сравнение значений во времени
Никогда не используйте несколько круговых диаграмм, чтобы показать изменение во времени. Это заставляет читателей сравнивать круги бок о бок — почти невозможная когнитивная задача.
Вместо этого используйте: Линейную диаграмму или сгруппированную столбчатую диаграмму
Точные сравнения
Если вашей аудитории нужно определить точные различия между категориями, круговые диаграммы не справляются. Этот сегмент 18% или 22%? Без подписей это лишь предположение.
Вместо этого используйте: Горизонтальную столбчатую диаграмму с отображением значений
Отрицательные значения
Круговые диаграммы не могут представлять отрицательные значения. Если ваши данные включают убытки, дефицит или любые отрицательные числа, вам нужен другой тип диаграммы.
Вместо этого используйте: Расходящуюся столбчатую диаграмму или каскадную диаграмму
Более 6 категорий
Слишком много сегментов делают вашу круговую диаграмму нечитаемой. Решение с категорией "Другое" часто скрывает важную информацию.
Вместо этого используйте: Горизонтальную столбчатую диаграмму (отсортированную по значению)
Лучшие практики дизайна круговых диаграмм
1. Начинайте с 12 часов
Всегда начинайте ваш самый большой сегмент с позиции 12 часов. Это соответствует западным соглашениям чтения и делает диаграмму более интуитивной.
2. Используйте логическую цветовую схему
- Последовательные данные: Используйте оттенки одного цвета (от светлого к темному)
- Категориальные данные: Используйте различные, доступные цвета
- Выделите важные сегменты: Используйте яркий цвет для фокуса, приглушённые тона для остальных
3. Маркируйте эффективно
Есть три стратегии маркировки:
Прямые подписи на сегментах: Лучше всего для 3-4 сегментов
- Помещайте подписи внутри больших сегментов
- Используйте выносные линии для маленьких сегментов
Легенда: Приемлемо для простых диаграмм
- Располагайте легенду справа или снизу
- Сопоставляйте порядок легенды с порядком сегментов
Комбинированный подход: Процент на сегменте, категория в легенде
- Лучший баланс ясности и пространства
4. Рассмотрите диаграмму-кольцо
Диаграммы-кольца (круговые диаграммы с полым центром) предлагают преимущества:
- Центральное пространство для ключевых метрик или итогов
- Слегка легче сравнивать углы (сравнивая длины дуг)
- Более современный, профессиональный вид
Идеальное отверстие составляет 40-60% от общего радиуса.
5. Избегайте 3D-эффектов
3D круговые диаграммы искажают восприятие. Сегменты, обращённые "вперёд", кажутся больше, чем они есть на самом деле. Всегда используйте плоские, 2D круговые диаграммы для точного представления.
Создание эффективных круговых диаграмм: Пошагово
Шаг 1: Проверьте ваши данные
Перед созданием круговой диаграммы подтвердите:
- [ ] Сумма составляет 100% (или значимое целое)
- [ ] У вас 6 или менее категорий
- [ ] Сегменты существенно различаются по размеру
- [ ] Нет отрицательных значений
Шаг 2: Подготовьте ваши данные
Отсортируйте категории по значению (от большего к меньшему). Рассчитайте проценты, если работаете с исходными числами.
Пример подготовки данных:
| Категория | Значение | Процент |
|---|---|---|
| Продукт А | 45,000 | 38% |
| Продукт Б | 32,000 | 27% |
| Продукт В | 24,000 | 20% |
| Продукт Г | 11,000 | 9% |
| Другие | 8,000 | 6% |
| **Итого** | **120,000** | **100%** |
Шаг 3: Выберите ваши цвета
Выберите согласованную палитру:
- Основной сегмент: Цвет бренда или высококонтрастный цвет
- Поддерживающие сегменты: Дополнительные или последовательные цвета
- Категория "Другие": Всегда используйте серый или приглушённый тон
Шаг 4: Добавьте подписи стратегически
Для каждого сегмента решите:
- Внутренняя подпись (если сегмент больше 15%)
- Внешняя подпись с выносной линией (если сегмент 15% или меньше)
- Скрыть подпись и использовать легенду (если сегмент менее 5%)
Шаг 5: Напишите четкий заголовок
Ваш заголовок должен отвечать "что это показывает?"
Слабо: "Распределение продаж"
Сильно: "Продукт А лидирует в продажах 4 квартала с 38% доли рынка"
Примеры круговых диаграмм из реального мира
Пример 1: Распределение бюджета (Хорошее использование)
Разбивка годового бюджета компании:
- Операции: 42%
- Маркетинг: 28%
- R&D: 18%
- Административные: 12%
Это работает, потому что: 4 сегмента, четкие различия, естественная история часть-целое.
Пример 2: Удовлетворённость клиентов (Плохое использование)
Ответы опроса по 5-балльной шкале:
- Очень доволен: 24%
- Доволен: 26%
- Нейтрален: 22%
- Не доволен: 18%
- Очень не доволен: 10%
Это проваливается, потому что: 5 сегментов схожего размера (кроме последнего), порядковые данные лучше подходят для столбчатой диаграммы.
Пример 3: Доля рынка с доминирующим игроком (Отличное использование)
Доля рынка браузеров:
- Chrome: 65%
- Safari: 19%
- Firefox: 8%
- Edge: 5%
- Другие: 3%
Это превосходно, потому что: Чёткий доминирующий сегмент, значимые различия, именно то, для чего предназначены круговые диаграммы.
Альтернативы круговым диаграммам и когда их использовать
Столбчатая диаграмма
Используйте, когда: У вас более 6 категорий, нужны точные сравнения или хотите показать и положительные, и отрицательные значения.
Древовидная диаграмма (Treemap)
Используйте, когда: У вас иерархические данные или много категорий, образующих целое.
Вафельная диаграмма
Используйте, когда: Хотите показать пропорции с большей точностью, чем позволяют круговые диаграммы (каждый квадрат = 1%).
Сложенная столбчатая диаграмма
Используйте, когда: Сравниваете отношения часть-целое по нескольким группам или периодам времени.
Распространенные ошибки круговых диаграмм и как их исправить
Ошибка 1: Слишком много сегментов
Проблема: 10+ крошечных, неразличимых сегментов
Решение: Сгруппируйте маленькие категории в "Другие" (держа под 10-15%), или переключитесь на столбчатую диаграмму
Ошибка 2: Выпадающие сегменты
Проблема: Вытягивание сегментов для "акцента" искажает пропорции
Решение: Используйте цветовой контраст для акцента, держите все сегменты вместе
Ошибка 3: Несогласованная стартовая позиция
Проблема: Случайные стартовые позиции в нескольких круговых диаграммах
Решение: Всегда начинайте с 12 часов, сортируйте по часовой стрелке по размеру
Ошибка 4: Отсутствие подписей
Проблема: Неподписанные сегменты требуют догадок
Решение: Подписывайте каждый сегмент как минимум процентом, добавляйте название категории, где позволяет пространство
Ошибка 5: Плохой выбор цветов
Проблема: Похожие цвета для соседних сегментов, недоступная палитра
Решение: Используйте высококонтрастные цвета, тестируйте на доступность для дальтоников
Круговые диаграммы в ChartGen
Создание круговых диаграмм с ChartGen просто:
- Загрузите или вставьте ваши данные со столбцами категорий и значений
- Выберите "Круговая диаграмма" из вариантов типов диаграмм
- Настройте цвета, подписи и размер отверстия кольца
- Экспортируйте в предпочитаемом формате и размере
ChartGen автоматически:
- Сортирует сегменты по размеру
- Оптимально располагает подписи
- Предлагает, когда столбчатые диаграммы могут работать лучше
- Генерирует доступные цветовые палитры
Заключение
Круговые диаграммы сами по себе не хороши и не плохи — это инструменты с конкретными, ограниченными случаями использования. Когда вам нужно показать, как части составляют целое с 5 или менее существенно разными сегментами, круговые диаграммы превосходны. Для всего остального рассмотрите альтернативы.
Помните ключевые вопросы перед созданием любой круговой диаграммы:
- Представляют ли мои данные части целого?
- У меня 6 или менее категорий?
- Достаточно ли сегменты различаются, чтобы визуально отличить?
- Поймёт ли моя аудитория пропорции без точных значений?
Если вы ответили "нет" на любой вопрос, другой тип диаграммы послужит вам лучше.
Освойте эти принципы, и ваши круговые диаграммы будут ясно передавать информацию, выглядеть профессионально и — что самое важное — помогут вашей аудитории понять ваши данные с первого взгляда.