Круговая диаграмма

Расскажем, какие преимущества у круговой диаграммы и как можно ее использовать для быстрой и удобной визуализации данных разных типов. Подробно и на примерах рассмотрим все виды и порядок выбора цвета.

Что такое круговая диаграмма

Круговая диаграмма, или как ее по-другому называют pie chart (пай-чарт, пирог) имеет еще много названий, но везде имеет визуализацию только в формате круга или «бублика», поделенного на сектора, размер которых зависит от величины показателя. Благодаря круговой диаграмме сразу можно определить, какой критерий играет большую роль, а какой незначительную. Например, статьи расходов предприятия или выручка разных категорий товаров.

Виды круговых диаграмм

График, иллюстрирующий показатели в круговом графике, имеет следующие виды:

• 2D круговая диаграмма — обычная диаграмма показывает размер однородных данных и их сравнение друг с другом;
• Развернутая круговая диаграмма — создается путем отделения сегмента круговой диаграммы от других ее частей или разделение всех частей между собой;

Любой вид может быть круговым или кольцевым (сегменты не соединяются в центре между собой).

Задачи круговой диаграммы

Главная цель использования кольцевой или круговой диаграммы — показать удельный вес (долю) отдельных элементов. Сумма значений всех секторов должна составлять 100% и другие варианты неприменимы.

Такой тип диаграмм применяют для визуализации данных:

• Доли рынка по отраслям в разных компаниях;
• Товарные группы или перечень услуг;
• Все проекты за период;
• Оценка трудозатрат сотрудника или направления;
• Размер выручки по обособленным подразделениям или магазинам сети;
• Сегментация клиентов по полу, возрасту, месту жительства и другим критериям.

Важно помнить, что цель — показать доли чего-либо целого, и если сумма всех сегментов круга не составляет 100%, примените другой тип диаграммы или график.

Правила круговой диаграммы

Многие думают, что построить такую диаграмму очень легко, но при ее построении нужно использовать одно правило, чтобы сделать визуал логичным и эффективным — количество секторов в круге.

Оптимальное количество секторов — 6 и превышать его не нужно по нескольким причинам:

• сравнивать большое количество значений друг с другом сложнее;
• названия категорий и их значение не сможете разместить на секторе и придется «громоздить» вокруг фигуры, тогда диаграмма потеряет эстетичный вид, а размещенная информация — читабельность;
• сектора менее 3% усложняют восприятие, поэтому их лучше соединить с более крупными секторами.

Если нужно сформировать диаграмму с большим количеством секторов, рекомендуем воспользоваться одним из способов:

1. Соедините все маленькие доли в один сектор «Другое» или «Прочие». Для просмотра содержания такого сектора в формате комментария или всплывающей подсказки.
2. На диаграмме сделать отдельную легенду в виде столбца, но такой способ имеет недостаток, поэтому в дашборде его не рекомендуем применять, лучше создать вторичную диаграмму.
3. Для демонстрации большого количества сегментов — применить Treemap или диаграмму «дерево», сектора в ней больше по размеру и позволяют сделать подписи внутри сектора. У такого типа диаграммы ограничение по секторам не более 12.

Порядок секторов

Сектора на диаграмме не должны располагаться хаотично, значит табличные данные тоже должны быть расположены последовательно.

Правила гармоничного расположения секторов:

• Первый сектор должен начинаться в верхней точке окружности, ориентировочно где расположена цифра 12 на часах;
• Сектора располагаются от крупного к мелкому;
• Категория «Прочее» независимо от размера располагается в последней части кольца.

Выбор цветов

Для понимания, что изображено на круговой диаграмме разные категории должны быть оформлены контрастными цветами. Не нужно использовать сходные оттенки в одной-двух палитрах, например, от желтого к красному, однако в дашбордах дизайнеры применяют элементы строго определенной гаммы. Можно использовать разные оттенки одного цвета, если их легко отличить друг от друга. Например, светло-красный и «лососевый».

Но калейдоскоп тоже не рекомендуется применять, так как «маскарад» редко можно вписать в любой официальный документ.

Вторичные диаграммы

Вторичная диаграмма — дополнительная диаграмма с указанием состава отдельного сектора, если нельзя разместить название или состав на основной диаграмме.

Многие софты предлагают сделать вторичную диаграмму, если доля очень маленькая и не видна на диаграмме. В зависимости от показателей, размещенных на вторичной диаграмме, чтобы не создавать иллюзию «объема», рекомендуется создать древовидную диаграмму, похожую на разноцветный столбик. Высота секторов в таком «дереве» пропорционально значению.

Применение вторичной диаграммы имеет недостатки, особенно при построении круга в excel. Для построения вторичной диаграммы с сектором «Прочее» в таблицу потребуется внести данные, что нарушит правило расположения секторов и сдвинет точку начала первого сектора.

Дополнительно вторичная диаграмма искажает восприятие, так как области на ней выглядит больше, чем доля на основной фигуре. По этой причине применять вторичные диаграммы в дашбордах не нужно.

Подписи данных

На диаграмме подписывают оси, данные, указывают размер показателя. Подписи размещают на секторах или в легенде (данные в рамке в стороне от диаграммы). Легенда делает вид диаграммы эстетичной, если секторов более 6, но усложняет анализ информации, из-за того, что пользователь постоянно перемещает взгляд с легенды на инфографику.

Правило не строгое, но лучше подписи делать на секторах и легенду убрать совсем. Соблюдение правила помогает упростить оформление и ускорит процесс анализа представленных данных.

Все данные должны быть читабельными. Текст не должен перекрываться, а цвет шрифта не сливаться с цветом сегмента.

Круговая диаграмма 3D

Использовать 3D при создании круговой диаграммы не нужно. Хочется сделать красиво и объемно — пожалуйста, запретить никто не может. Но учитывайте. что возможен обман зрения, ведь расположенные впереди части всегда кажутся больше, чем расположенные сбоку и сзади, даже если их значения меньше остальных.

Спецэффекты круговой диаграммы

При построении диаграмм любого типа не рекомендуется применять спецэффекты – добавление объема, теней, поворотов секторов или анимации. Посмотрите на классическую круговую диаграмму. Построенную по всем правилам и подумайте, зачем делать дополнительные разрывы и подобную «красоту», не влияющую на ее эффективность. Многие программы предлагают дополнительные функции, но не значит, что нужно их все применять. Кольцевая или круговая диаграмма это только 2 варианта: плоское и двумерное изображение.

Плюсы и минусы

Исходя из правил и цели построения диаграмма выделим основные преимущества и недостатки ее применения.

Преимущества:

1. Простой визуал и сразу можно сравнить значения показателей.
2. Наглядный способ отображения долей в едином целом.
3. Круг идеально показывает состав чего-то целого.

Недостатки:

1. Можно отобразить только показатели, сумма которых равна 100%.
2. Сложно анализировать и изучать данные. если большое количество секторов и подписей.
3. Часто допускают ошибки, если сумма секторов не 100%, а использованные спецэффекты визуально искажают данные и их фактическое значение.

Альтернативы

Пай-чарт очень популярный способ представления дынных, но рассмотрим альтернативные варианты, чем ее можно заменить:

1. Гантели (Dumbbell Chart). Напоминает график, где точками обозначены показатели, но главное отличие от графика, что все показатели расположены на прямой линии. На прямой доступно можно показать, как меняется показатель в разные периоды, особенно если он постоянно увеличивается.
   
   
   
2. Бамп-чарт (Bump Chart) — применяется для демонстрации трендов продаж по периодам. Внешне очень путаный график и требует дополнительных пояснений от выступающего, но замысловатый визуал привлечет внимание аудитории. Количество категорий не ограничено.
   
   
   
3. Пончиковая (кольцевая) диаграмма (Donat Chart) делает акцент не на круге и подборе цветов, а на данных. Диаметр центра не регламентирован и подбирается в соответствии со стилем презентации.
   
   
   
4. Древовидная диаграмма (Treemap) помогает сравнить показатели и определить визуально разницу между ними.
   
   
   
5. Вафельная диаграмма — данные на диаграмме разбиваются на квадратики и закрашиваются цветом. Минус «вафли» — можно изображать не более 5 сегментов, иначе диаграмма станет нечитабельной и сложной для восприятия.
   
   
   

Как построить круговую диаграмму

Рассмотрим этапы построения диаграммы в разных программах.

Microsoft Excel

Если строить круговую диаграмму в Excel, то таблица с данными будет расположена там же.

Основные этапы построения:

1. Выделить таблицу с данными и нажать в верхнем меню «Вставка».
2. В дополнительном окне выбрать тип диаграммы. Ориентируйтесь на стиль презентации или отчета и выбирайте круговую или кольцевую.
3. Автоматически программа предлагает свой вариант, который требуется отредактировать с учетом перечисленных выше правил, через пункты меню «Конструктор» и/или «Формат».

Для добавления подписи на вкладке «Конструктор» выберите меню «Добавить элемент», в новом окне «подписи данных» и указать место на диаграмме, где необходимо их расположить.

Аналогично через верхнее меню можно изменить цвет диаграммы, выбрать разделитель и другие спецэффекты. Но помните, все хорошо в меру.

Microsoft Word

В текстовом документе можно тоже создать диаграмму 2 способами: скопировать из Excel или создать сразу в Word. Второй вариант предпочтительнее, если требуется создать визуал. который не будет меняться.

Этапы создания пай-чарт в Word:

1. В меню выбрать раздел «Вставка» и найти пункт «Диаграмма». В дополнительном окне выбираем тип – Круговая и в подменю формат будущего изображения: объемная, кольцевая или обычная.
2. Программа направить в новый файл Excel с созданной таблицей. На листе можно создать новую таблицу или скопировать готовый шаблон из другого файла и вставить.
3. В результате получите диаграмму, и при необходимости сможете отформатировать по принципам, описанным в первом способе через меню «Форматирование» или «Конструктор».

Microsoft PowerPoint

Так как это софт Microsoft то способы похожие: скопировать с Excel или нарисовать сразу на слайде, используя также пункты меню и вкладки.

Ошибки и пути их решения

Основные ошибки при построении круговой диаграммы, которые мешают доносить информацию:

1. Использование ярких или неконтрастных цветов. Сегменты круговой диаграммы должны быть окрашена в разные цвета. В столбчатой или линейной диаграмме фигуры расположены на расстоянии друг от друга, тогда как у сегментов стороны соединяются, если выбран тип без разрывов. Чтобы исключить неверное восприятие, используйте легко различимые, но приглушенные цвета для каждого «кусочка пирога».
2. Не разделяйте «пирог». Часто отдельный сегмент или все сегменты разрывают для привлечения внимания, но фокус пользователя тогда будет смещен и все остальные показатели останутся без внимания. Круговая диаграмма предназначена для сравнения долей, а не выделение значений. Если кусочки разорвать, то сравнение произвести сравнение будет труднее. Хуже одного выделенного «куска», может быть только два «отрезанных» элемента.
3. Без легенд. Удалите легенду. Она переключает внимание с диаграммы на обозначения. Эффективнее отметить значения на сегментах.
4. Никаких мелких секторов и количество кусочков пирога не должно быть больше 6. Количество мелких сегментов отвлечет внимание и более важных показателей.

И помните, что сумма всех сегментов всегда должна быть 100%, иначе будет допущена самая большая ошибка.

FAQ

Можно ли на круговой диаграмме показать динамику?

Можно, если отобразить одинаковый показатель за несколько периодов. Но сравнить показатели будет сложно, особенно если сегменты не отличаются друг от друга, в таком случае лучше применить график или столбчатую диаграмму.

Как можно выделить отдельный сектор в круговой диаграмме?

Есть несколько способов выделения – сделать разрезанную круговую или кольцевую диаграмму или выделить отдельный сектор в настройках 2область диаграммы», установив формат выделенного фрагмента.

Аналитик, руководитель проектов или любой другой специалист, который презентует итоги работы, может применять много способов визуализации. Но есть 3 «слона» в мире бизнес-анализа и не только, один из них — круговая диаграмма. Такой тип инфографики имеет ограниченную сферу, но он очень популярный у всех: от школьников до научных работников из-за своей красочности и возможности объемного изображения.

Несмотря на большое количество приложений для визуализации пай-чарт остается лидером по применению в отчетности, поэтому соблюдайте правила и успешно используйте их в своей работе или обучении.