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

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

Всё это очень похоже на нарезанный пирог, поэтому по-английски такие диаграммы аппетитно называются pie chart.

Ммм... пирооог…
— Гомер Симпсон

Кстати, если подумать, то пицца — это круговая диаграмма, показывающая, сколько у тебя осталось пиццы.

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

Проблема 1. Мы делили апельсин

Посмотрите на эти три диаграммы и скажите, какой из секторов на каждой из них больше.

Да, тут специально не указаны значения процентов. Так сказать, для чистоты эксперимента. С циферками-то каждый сможет.

Это, в общем-то, был риторический вопрос. На глазок это не получится. Чтобы понять, какой сектор тут больше, придётся воспользоваться транспортиром. Помните, в школе было такое приспособление для измерения углов?

Проблема 2.

Теперь давайте посмотрим на эту диаграмму. Тут уже есть циферки, однако...

К создателю этого шедевра есть целый ряд вопросов:

  1. Почему сектора следуют не в порядке возрастания площади?

  2. Зачем тут все эти тоненькие сектора с ничтожной площадью, которые даже не надписаны?

  3. Почему все эти пёстрые полоски меньше 1% не объединены в общий сектор «Другое»? Всё равно от них никакой пользы.

  4. По какому принципу выбраны цвета для секторов?

И самый главный вопрос: а зачем здесь вообще использовали круговую диаграмму?

Тут, конечно, проблема даже не в том, что неправильно выбран формат диаграммы, а в том, что сам этот формат использован очень неаккуратно. Но давайте задумаемся, а в каких случаях вообще формат круговой диаграммы будет предпочтительней, чем другие форматы?...

Проблема 3. Я художник, я так вижу

Знаете, как сделать круговую диаграмму ещё хуже? Положить её на бок. Иначе говоря, сделать её трёхмерной.

Посмотрите на эти диаграммы. На них все три сектора имеют одинаковый размер. На левой плоской диаграмме это отчётливо видно. На правой вроде как тоже. Но уже есть сомнения. Хочется сказать, что зелёный сектор больше. Ну а на центральной... Если не видеть исходную левую диаграмму, то ни за что не скажешь, что на центральной диаграмме все три сектора одинаковые по площади.

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

Я не буду вас просить назвать конкретные значения процентов. Просто скажите: какой сектор больше. Кстати, самый большой сектор на этой диаграмме отличается от самого маленького на целых 10 процентных пунктов!

Если вернуть циферки, то, конечно, всё сразу становится наглядно. Но остаётся большой жирный вопрос: а зачем тут вообще круговая диаграмма?

42,7 процента статистики берутся с потолка.

Вот ещё один пример-комбо — два в одном: огромное количество секторов, а заодно всё это великолепие положено на бок, чтобы стало ещё занимательней.

И что со всем этим делать?

Ответ замечателен в своей простоте: не использовать круговые диаграммы. Нигде не использовать: ни в презентациях, ни в книгах, ни в документации, ни в отчётах.

Давайте снова вернёмся к первому примеру. Преобразуем круговые диаграммы в гистограммы.

Все сомнения и иллюзии тут же развеиваются. Сразу понятно, какой столбец выше. Причём, обратите внимание, столбцы не просто немного различаются по высоте. Они прямо-таки значительно различаются. Но на круговых диаграммах этого вообще не видно. Например, красный и чёрный сектора на правой диаграмме.

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

В общем, на гистограммах в этом примере всё видно чётко и однозначно. Однако и здесь есть способ всё испортить. Речь опять о пресловутой трёхмерности. Давайте посмотрим на ещё один пример. Сверху обычная, плоская гистограмма. Снизу — она же, но в «модном» трёхмерном исполнении.

Давайте попробуем, глядя на эти гистограммы, ответить на вопрос: «Какой столбец выше в каждом наборе?». Вроде как простой вопрос. Что тут сложного? Но посмотрим на третий и четвёртый набор. На верхней диаграмме всё понятно: в третьем выше зелёный, в четвёртом — синий. А теперь попробуйте дать ответ на тот же вопрос по нижней гистограмме.

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

Наивность или коварный план?

В общем, похоже, круговые или трёхмерные диаграммы используют в двух случаях:

  • Автор не ведает, что творит.

  • Автор прекрасно ведает, что творит, и по каким-то причинам хочет аккуратно «приглушить» некоторые неудобные факты.

Ну вот, к примеру, доля Apple на рынке в 2008 году составляла 19,5%. Что-то маловато — думают менеджеры Apple. А давайте немного наклоним диаграмму. И, опа, всё уже выглядит не так плохо.

Послушайте, у людей всегда на всё найдется какая-нибудь статистика. Это известно четырнадцати процентам населения.
— Гомер Симпсон

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

Комментарии (18)


  1. serafims
    13.12.2025 19:47

    Пожалуй, единственный кейс круговых диаграмм - показать какой-то максимум или минимум в сравнении. То есть показать отношение чего-то к 100%. Например, показать, что человек читает книгу ничтожные 0.5 часа из своего рабочего дня, ли показать, что он сидит в телефоне 75% времени. На гистограмме это может быть плохо видно, но на круговой надо, чтобы был какой-то один явный показатель иллюстрируемый, и остальные были просуммированы ( например, человек читает 5% времени, но остальные полезные дела не расписаны как 5, 7, 6, 3, 10 %, а указаны суммой и всё.).


  1. randomsimplenumber
    13.12.2025 19:47

    Сырная диаграмма из 3 секторов выглядит красиво. Гистограмма из 3 палок - скучно.


  1. Myclass
    13.12.2025 19:47

    Обратите внимание на IBCS стандарт по визуализации данных. Там эти круговые диаграммы тоже рекомендованны к неиспользованию.


  1. avshkol
    13.12.2025 19:47

    Цель круговой диаграммы - показать доли от 100%. Столбиковая это не покажет (или это будет непонятно)

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

    Т.е. каждой ситуации - диаграмма своего типа.


    1. Krasnoarmeec
      13.12.2025 19:47

      Столбиковые диаграммы долей от 100% тоже весьма распространены (см. картинку ниже). Хорошо показывают динамику. Единственный недостаток - когда данные только за одну дату, например за 01.01.2022, то один единственный столбик выглядит убого. Тут конечно же лучше всего выглядит круговая диаграмма.

      Ну и да: "каждой ситуации - диаграмма своего типа"


      1. GidraVydra
        13.12.2025 19:47

        Ахаха, с тремя элементами и на круговой диаграмме всё прекрасно понятно. А теперь примените такую "столбчатую диаграмму долей" на демагогический пример из статьи, с несколькими десятками элементов, половина которых составляет меньше 1%. Спойлер - будет намного менее понятно.

        И вот вы для построения своей "эталонной гистограммы" взяли значения, кратные 5%, поэтому можно ориентироваться по засечкам, т.к. граница всегда либо на засечке, либо посредине между ними. А у автора в статье примером "плохо читаемой диаграммы" служит диаграмма с секторами, отличающимися на 1.2%, как ваша гистограмма справится с визуальной оценкой таких отличий с произвольными высотами секторов?


  1. anonymous
    13.12.2025 19:47


  1. BoomerCore
    13.12.2025 19:47

    Как правильно отметили предыдущие ораторы avshkol и serafims - автор или не догадывается или не знает, что гистограммы и круговые диаграммы в общем-то предзназначены для разного: круговые это наглядный показ части каждого элемента от общего, столбчатые — соотношение параметров между собой.
    Что не отменяет необходимости использовать (и оформлять) все типы визуализаций аккуратно и уместно: все круговые, в частности, с числами, как минимум процентов, чтобы устранить возможные ошибки восприятия нетекстовой информации.
    И да, автор слегка генерализует (безосновательно) свое ощущение

    на круговых диаграммах этого вообще не видно. Например, красный и чёрный сектора на правой диаграмме

    на всех: у меня сомнения при сравнительном анализе (что на круговых вообще делать не рекомендовано) вызвал 2 круг, но не 1-2


    1. wl2776
      13.12.2025 19:47

      Столбики тоже можно друг на друга поставить и показать отношение частей к целому


      1. GidraVydra
        13.12.2025 19:47

        Можно, конечно. Возьмите круговую диаграмму с рисунка 3, и перестройте её в формате нормированной гистограммы (поставьте столбики друг на друга). Потом поделитесь впечатлениями относительно того, стало ли понятнее. А заодно расскажете, куда в таком формате девать подписи, на круговой диаграмме размещающиеся вокруг. Ну и потом попробуйте присунуть эту диаграмму в текст - красиво будет выглядеть эта одиночная глиста, правда? Да, для верстки таких элементов есть свои приемы, и при правильном применении это даже выглядит красиво (например, пустить столбец как окантовку на внешнем поле страницы, или между колонок при двухколоночной верстке), но это сложные, дорогие и не везде уместные или технически возможные приемы. А в подавляющем большинстве случаев все-таки графические элементы требуется уместить в околоквадратный формат. Поэтому гистограмма уместна только тогда, когда в ней несколько столбцов, желательно 4 или больше.


        1. randomsimplenumber
          13.12.2025 19:47

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


  1. Ydav359
    13.12.2025 19:47

    Трехмерные диаграммы однозначно зло


  1. winkyBrain
    13.12.2025 19:47

    К создателю этого шедевра есть целый ряд вопросов:

    Почему сектора следуют не в порядке возрастания площади?

    В ваших контр-примерах ниже только одна гистограмма упорядочена

    Зачем тут все эти тоненькие сектора с ничтожной площадью, которые даже не надписаны?
    Почему все эти пёстрые полоски меньше 1% не объединены в общий сектор «Другое»? Всё равно от них никакой пользы.

    Что мешает такому появиться в гистограмме? Дело же не в типе графика

    По какому принципу выбраны цвета для секторов?

    По какому принципу они выбрани у вас?

    И самый главный вопрос: а зачем здесь вообще использовали круговую диаграмму?

    Вам ниже ответили) в целом как-то поверхностно до безобразия


  1. MaksimMukharev
    13.12.2025 19:47

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