Круговые диаграммы
Отображайте пропорциональные распределения данных с помощью круговых диаграмм. Идеально для отображения процентов и долей рынка.
Что такое Круговые диаграммы?
Круговые диаграммы — это круглые статистические графики, разделённые на секторы для иллюстрации числовых пропорций. Каждый сектор представляет вклад категории в целое, с длиной дуги, пропорциональной представляемой величине. Круговые диаграммы — один из наиболее узнаваемых типов графиков, идеальный для отображения процентных распределений, рыночных долей и простых составов данных с первого взгляда.
Редактирование и предпросмотр
Создайте Круговые диаграммы с синтаксисом Mermaid и мгновенно увидите изменения.
Example
Pie chart example
A Mermaid pie chart comparing common diagram export formats.
Mermaid code
pie title Diagram Export Formats
"PNG" : 45
"SVG" : 30
"PDF" : 15
"JPG" : 10Типичные сценарии использования
Распределение бюджета
Визуализируйте распределение бюджета по отделам, проектам или категориям. Сделайте структуру расходов мгновенно видимой для заинтересованных сторон.
Анализ доли рынка
Отображайте конкурентный ландшафт с процентами рыночных долей. Сравнивайте позиции продуктов или компаний на рынке с первого взгляда.
Результаты опросов
Представляйте распределение ответов на опросы в интуитивном визуальном формате. Показывайте, как респонденты распределяются по различным вариантам ответов.
Распределение ресурсов
Иллюстрируйте, как ресурсы — время, персонал или вычислительные мощности — распределяются между различными задачами или командами.
Ключевые возможности
Автоматические пропорции
Просто укажите значения, и Mermaid автоматически рассчитает правильные пропорции и углы для каждого сектора.
Заголовки диаграмм
Добавляйте описательные заголовки для предоставления контекста визуализируемых данных.
Метки категорий
Каждый сектор подписан названием категории и значением для чёткой идентификации данных.
Цветовая кодировка
Секторам автоматически присваиваются различные цвета для лёгкого различения категорий.
Лучшие практики
Ограничивайте категории
Используйте максимум 5-7 категорий. Слишком много секторов делают круговую диаграмму нечитаемой. Группируйте мелкие категории в «Прочее».
Используйте для частей целого
Круговые диаграммы лучше всего работают при показе того, как части составляют целое. Не используйте их для сравнения несвязанных значений.
Упорядочивайте секторы логично
Располагайте секторы от большего к меньшему или в значимой последовательности, помогающей читателям понять данные.
Включайте значения
Всегда показывайте фактические числа или проценты рядом с секторами, чтобы читатели могли делать точные сравнения.
Другие типы диаграмм
Блок-схемы
Визуализируйте процессы, рабочие потоки и алгоритмы с помощью узлов и направленных стрелок. Идеально для бизнес-процессов и деревьев решений.
Диаграммы последовательности
Документируйте взаимодействия между различными участниками или системами во времени. Идеально для документации API и проектирования систем.
Диаграммы классов
Моделируйте объектно-ориентированные системы с классами, атрибутами и связями. Необходимы для планирования архитектуры ПО.
Диаграммы состояний
Отображайте переходы состояний в системах или приложениях. Отлично подходят для моделирования жизненных циклов и рабочих процессов.
Диаграммы Ганта
Планируйте и отслеживайте сроки проектов с задачами и зависимостями. Идеально для управления проектами и составления расписаний.
ER-диаграммы
Проектируйте схемы баз данных с сущностями и связями. Идеально для моделирования и документирования баз данных.
Пользовательский путь
Отображайте пользовательский опыт и взаимодействия в различных точках контакта. Отлично подходит для UX-дизайна и картирования клиентского пути.
Git-графы
Визуализируйте стратегии ветвления и историю коммитов в Git. Полезно для объяснения рабочих процессов системы контроля версий.
Ментальные карты
Организуйте идеи, проводите мозговые штурмы и создавайте иерархические визуальные структуры. Идеально для планирования и картирования знаний.
Таймлайны
Визуализируйте хронологические события и вехи вдоль временной оси. Отлично подходят для истории проектов и дорожных карт.
Канбан-доски
Организуйте задачи в колонки, представляющие этапы рабочего процесса. Идеально для гибкого управления проектами и отслеживания задач.
Квадрантные диаграммы
Размещайте элементы на двухосевой сетке для сравнения и приоритизации. Идеально для приоритизации функций и стратегического анализа.
Диаграммы Санкей
Визуализируйте потоки между узлами с пропорциональными стрелками. Идеально для потоков энергии, распределения бюджета и воронок конверсии.
XY-диаграммы
Создавайте столбчатые и линейные графики с настраиваемыми осями. Идеально для визуализации данных и анализа трендов.
Блочные диаграммы
Создавайте структурированные макеты с блоками, расположенными в колонках и строках. Отлично для системной архитектуры и обзоров компонентов.
Архитектурные диаграммы
Проектируйте облачную и системную архитектуру с иконками сервисов и соединениями. Идеально для документации инфраструктуры.
Диаграммы пакетов
Визуализируйте структуры сетевых протоколов с побитовой раскладкой полей. Необходимы для документации сетевых протоколов.