Классический представитель этого вида графиков – круговая диаграмма. Она используется значительно чаще, чем должна. Некоторые специалисты считают, что от использования круговой диаграммы нужно полностью отказаться. Я не разделяю этого мнения.

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

Вот вам пример: попробуйте понять, какое значение больше, какое меньше в этой круговой диаграмме.

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

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

Если вам все же нужно построить именно круговую диаграмму, сделайте ее максимально наглядной.

Самый крупный сектор должен начинаться с отметки, аналогичной 12 часам на часах, и располагаться по часовой стрелке. Мы смотрим на часы начиная с этой точки.

Лучше всего круговая диаграмма показывает значения, приблизительно кратные 25 % длины окружности в градусах: 90°, 180°, 270°.

Важно, чтобы первый (с 12 часов по часам) и последний сектора были ориентировочно кратными 90°/180°/270°. Это задает условную сетку.

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

• Если у вас слишком много категорий, разницу между ними сложно будет понять. Также это приводит к появлению слишком большого количества подписей. Объедините малозначимые категории в сектор «прочее»:

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

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

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

Если вам важно сохранить ощущение доли, лучше использовать столбиковую (линейчатую) диаграмму с накоплением. Она компактнее круговой диаграммы и позволяет точнее считывать значения. В этом случае категории должны располагаться слева направо (или снизу вверх) от большего к меньшему значению. Если это играет роль, можно специально отметить на графике 50 %:

Другие варианты:

1) Кольцевая диаграмма – разновидность круговой. В ней считывать данные еще сложнее: значение кодируется не углом, а длиной дуг, из которых собирается круг.

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

Как и круговая диаграмма, кольцевая не отличается компактностью и требует решения, как лучше разместить подписи и названия категорий:

Кольцевая диаграмма в окне программы Huawei Health для мониторинга физической активности

2) Вафельный график. Он подходит, когда категорий достаточно много и для каждой нужно сохранить ощущение доли от целого. Хорошо показывает заполненность или степень достижения целевых показателей.

Наиболее уместен, когда значения кратны целым числам, а сама «вафля» равна 100 %.

3) Тримэп (treemap, дерево). График появился в Excel в 2016 году, однако исследования показывают, что людям сложно его считывать. Использование может быть оправдано, если данные имеют иерархическую структуру (1–2 уровня вложенности).

А вот в случае интерактивности тримэп однозначно выигрывает у круговой диаграммы и у многоэтажной круговой (солнечные лучи): навести на квадратики значительно проще, чем в узкий сектор.

Не забывайте – раскрашивания категорий в случайные цвета лучше избегать.

Работа автора. Интерактивный проект, посвященный переписи населения России.