Круговые диаграммы Mermaid

Круговые диаграммы (pie charts) — самый простой тип диаграмм в Mermaid. Они подходят для визуализации пропорций и распределения: статусы задач, типы ошибок, распределение нагрузки по командам.

Базовый синтаксис

pie
    title Распределение задач по статусам
    "Бэклог" : 42
    "В работе" : 23
    "Ревью" : 12
    "Готово" : 78

Отображение значений

Ключевое слово showData добавляет числовые значения в легенду:

pie showData
    title Типы задач в Sprint 23
    "Feature" : 15
    "Bug" : 8
    "Tech Debt" : 5
    "Docs" : 3

Примеры использования

Распределение времени по категориям

pie
    title Куда уходит время команды
    "Разработка" : 45
    "Code Review" : 15
    "Митинги" : 20
    "Поддержка" : 10
    "Документация" : 10

Распределение ошибок по типам

pie showData
    title Баги в production (Q1 2024)
    "UI/UX" : 12
    "API" : 8
    "Производительность" : 5
    "Безопасность" : 2
    "Данные" : 6

Покрытие тестами

pie
    title Покрытие тестами
    "Покрыто" : 74
    "Не покрыто" : 26

Ограничения

Круговые диаграммы в Mermaid имеют несколько ограничений:

• Нельзя настраивать цвета сегментов
• Нельзя делать несколько рядов данных (используйте для этого XY-диаграммы, если нужно)
• Значения — числа, Mermaid сам вычислит проценты

Для более сложных визуализаций рассмотрите диаграммы XY или блок-схемы с аннотациями.