Кольцевая диаграмма

Круговая диаграмма с пустым центром — отображает соотношение частей и целого.

Что такое кольцевая диаграмма?

Кольцевая диаграмма — это круговая диаграмма с отверстием в центре. Как и в круговой, каждая дуга представляет долю от целого. Центральный вырез снижает акцент на сравнении площадей и создаёт пространство для метки или итогового значения.

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

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

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

Лучшие практики

  • Те же правила, что и для круговых: не более 6 секторов, упорядоченных по размеру
  • Используйте центральное пространство для итога, процента или описательной метки
  • Сохраняйте соотношение выреза согласованным по всей панели (обычно 50-70%)
  • Избегайте вложения более 2 колец — становится сложно читать
  • Добавляйте процентные метки на каждый сегмент дуги или рядом с ним

Пример

Распределение годового бюджета между пятью отделами.

Создайте это в Claude

С установленным ChartPane просто опишите желаемое:

Show my monthly expenses as a doughnut chart: Rent $1800, Food $650, Transport $320, Utilities $240, Entertainment $180

Похожие типы графиков