Круговые диаграммы широко используются в науке о данных. По сравнению с гистограммами и линейными графиками круговая диаграмма выглядит невероятно просто (и для создания, и для понимания). Круг разделен на несколько частей. Угол каждого сектора показывает, насколько велико его значение относительно других. Это стандарт, позволяющий быстро сравнивать значения друг с другом. Но несмотря на простоту и обыденность, многое может пойти не так.
Такие диаграммы, как гистограммы, box plot, линейные графики, имеют ортогональные (перпендикулярные) оси x и y. Это делает их интуитивно понятными для нас. А вот круговые диаграммы (или pie chart) не могут похвастаться наличием прямых углов, что и делает их более трудными для анализа.
Диаграммы можно создавать в разных программах. Если хотите научиться делать это быстрее, то рекомендуем скачать наш бесплатный гайд с горячими клавишами для работы в Excel, Google Sheets и PowerPoint.
В этой статье я дам пять советов, которые вы можете использовать, чтобы избежать ошибок в построении круговых диаграмм и более точно доносить информацию.
Используйте «приглушенные», но контрастные цвета
В отличие от гистограмм, которые могут иметь одну цветовую гамму, круговые диаграммы должны быть окрашены в разные цвета. Причина в том, что столбцы на гистограммах разделены.
Поскольку они разделены, то легче разделить дискретную переменную x на классы. А вот границы секторов на круговой диаграмме, которая окрашена в схожие цвета, труднее выделить. Особенно для тех, кто имеет слабое зрение или плохое «ощущение цвета» (примерно у 1 из 10 мужчин есть какая-либо форма дальтонизма, не говоря уже о том, что мужчинам трудно отличить пунцовый от красного, а бежевый от кремового).
Кроме того, в то время как столбчатые диаграммы имеют четкое начало и конец по оси x, pie chart имеют круглую форму. У них нет ни начала, ни конца, ни направления. Поэтому трудно гарантировать, чтобы самый темный оттенок принадлежал наибольшему сектору, а более светлые – меньшим значениям. (Например, на рисунке выше изображен случай, когда выбранная цветовая гамма играет злую шутку с читателем. Думаю, не многие сразу догадались, что сектор для Ruby на самом деле больше, чем для Java)
Поэтому, чтобы избежать путаницы используйте цвета, которые легко различить. При этом они все же должны быть приглушенными (не яркими). Благодаря этому, различать разные разделы будет гораздо удобнее. Кроме того, это не создает ложного впечатления о непрерывности между фрагментами – каждый фрагмент представляет собой отдельный «кусочек пирога».
Стандартные цвета Google или Microsoft тоже подойдут:
Для столбчатых диаграмм лучше выбрать один цвет и разные уровни яркости (столбец «Lighter / Darker» ниже), но для круговых диаграмм лучше выбирать цвета в шестиугольнике основных цветов, придерживаясь внешней стороны и двигаясь по периметру, пока не наткнетесь на новый цвет.
Несмотря на то, что мы выбираем яркие цвета, чтобы различать сектора, они все же должны быть организованы так, чтобы цвета были понятными и не резкими. Для каждого цвета нужно определиться с яркостью (цвет должен быть тусклым, а не ярким).
Это значительно упростит сравнение «кусочков пирога» и не даст ощущение загруженности графика.
Прекратите разрывать ломтики. Пожалуйста.
Часто люди выносят некоторые части круговой диаграммы за пределы окружности, чтобы привлечь к ней больше внимания. А уж если фокус внимания уже смещен, то про объективный анализ говорить не стоит.
Круговая диаграмма предназначена для процентов, а не абсолютных значений. Это значит, что основная цель – сравнение, а не выделение значения. Если бы нам нужно было привлечь внимание к большому, относительно других, значению, то мы бы использовали столбчатую диаграмму, где один столбец сильно возвышался бы над другими, показывая тем самым свое превосходство. Для этого не обязательно было считать процентное соотношение.
Тем более при выделении одного фрагмента, читателю становится труднее сравнивать фрагменты. Вдобавок предполагается, что проценты в сумме составляют 100%, так зачем же вытаскивать кусочек?
Круговую диаграмму делает полезной то, что у нее есть некоторый аспект непрерывности – периметр представляет собой плавную кривую, в которой собраны все данные. Если «кусочки разнести», то целостность будет нарушена.
Единственное, что может быть хуже «отломленного» сегмента, – это два разнесенных по сторонам сегмента.
При желании, pie chart может выглядеть и так:
Но на пирог это уже явно не будет похоже…
Когда сегменты вынимаются из тесного, аккуратного круга, который их связывает, это устраняет аспект «сложения до 100%», который делает круговую диаграмму эффективной. В противном случае он становится похож на гистограмму, где ничто не дает в сумме 100%, но части являются полусопоставимыми.
Вместо этого используйте игру цветом: сектор, который вы хотите выделить сделайте ярче, а остальные сделайте более тусклыми. Однако будьте осторожны, так как все цвета при уменьшении интенсивности сходятся к белому, границы могут начать сливаться. В этом случае использование небольшого разрыва между сегментами круговой диаграммы (примерно 0,01 дюйма) для создания границ будет даже необходимо. Такой подход поможет сохранить целостность круга и при этом привлечет внимание к определенной части диаграммы.
Никаких спецэффектов, и точка
Почему-то многие думают, раз программа полна различными инструментами и спецэффектами, то обязательно нужно их освоить и применять везде и всюду. «А иначе люди не поймут, что вы умеете этой программой пользоваться.» Наверное, они думают именно так. А иначе я не вижу другой причины для использования подсветок, поворота объемных фигур, зеркального отражения и прочих «прибамбасов».
Намного быстрее и проще сделать простую, лаконичную диаграмму. Не нужно изучать все варианты в библиотеке макетов. Не добавляйте тени, не вращайте метки, не делайте ничего, что не является абсолютно необходимым для четкой передачи данных.
Одной из особенностей теней является то, что они придают круговой диаграмме трехмерный вид. Но pie chart по своей природе двумерны. В ней сравниваются две переменные, поэтому изображение должно быть только двумерным.
Без легенд
Добавление легенды заставляет зрителя переключаться между легендой и фактическим графиком. Зрителю намного проще просто отметить прямо на диаграмме, какой сегмент к чему относится.
Максимум 5 кусочков
Слишком много срезов отвлекают от сути диаграммы. Сверхмалые кусочки настолько неразличимы, что их невозможно даже сравнивать, да и надписи и метки начинают перекрываться.
Есть условное правило: надо использовать не более 5 секторов. Если в ваших данных больше критериев, то отличный способ для их отображения – создание отдельного сектора под названием «Другое». Если кусочки настолько малы, что их даже сложно отличить друг от друга, то скорее всего и в анализе они не будут активно использоваться.
Таким образом, количество срезов является параметром. С помощью такого подхода мы можем рассматривать наиболее важные срезы, не отказываясь от идеи сложения до 100%, что также дает нам более полное представление об истинном распределении. А подпись количества элементов в категории «Другое» поможет лучше понять размеры элементов в этой категории.
На этом мы закончили обозревание основных правил создания круговых диаграмм. Уверены, вы и до этого их знали, и активно ими пользовались. Но повторение, как говорится, мать учения!
Автор перевода: Алексанян Андрон, эксперт SF Education
Оригинал: https://clck.ru/QnwMB