Автоматическая компоновка

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

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

Автоматическая компоновка полезна, когда:

  • Вы импортировали диаграмму из Mermaid или другого формата
  • Ваша диаграмма стала запутанной после множества правок
  • Вы хотите быстро упорядочить большое количество элементов
  • Вы начинаете с чернового наброска и хотите получить аккуратный макет

До автоматической компоновки

Применение автоматической компоновки

Через меню

  1. Выделите фигуры, которые хотите упорядочить (или выделите все с помощью Cmd+A)
  2. Перейдите в Arrange → Auto-Layout
  3. Выделенные элементы будут перераспределены

С панели инструментов

Нажмите кнопку автоматической компоновки на панели инструментов расположения (значок сетки).

После автоматической компоновки

Алгоритмы компоновки

Помимо классической иерархической компоновки, Diagrammix предлагает широкий выбор алгоритмов. Выберите тот, который соответствует форме ваших данных:

АлгоритмЛучше всего для
Иерархический (Sugiyama)Блок-схемы, организационные схемы, графы зависимостей — слоистые ориентированные структуры
СлоистыйОриентированные графы с явным контролем направления потока
ДревовидныйСтрогие иерархии «родитель → ребёнок»
РадиальныйИерархии, расходящиеся от центрального корня
КруговойУзлы по кольцу; хорош для циклов и одноранговых сетей
СиловойОрганическое, физически-моделируемое расположение для общих графов
ОрганическийЕстественное, равномерно распределённое размещение для плотных графов
ОртогональныйКомпактные макеты с маршрутизацией под прямым углом
Сеточный / УпакованныйАккуратные сеточные или упакованные компоновки слабосвязанных элементов

Совет: Попробуйте несколько алгоритмов на одном и том же выделении — Cmd+Z мгновенно отменяет каждый результат, так что сравнить их несложно.

Направление компоновки

Вы можете выбрать направление иерархии компоновки:

НаправлениеОписаниеЛучше всего подходит для
Сверху внизКорень сверху, листья снизуОрганизационные схемы, блок-схемы
Снизу вверхКорень снизу, листья сверхуДеревья решений
Слева направоКорень слева, листья справаСхемы процессов, временные шкалы
Справа налевоКорень справа, листья слеваДиаграммы справа налево

Параметры направления доступны в Arrange → Auto-Layout → Направление.

Меню автоматической компоновки

Параметры компоновки

Интервалы

Управление расстоянием между элементами:

  • Горизонтальный интервал: Расстояние между соседними узлами
  • Вертикальный интервал: Расстояние между уровнями иерархии

Настройте их на панели параметров компоновки или в Инспекторе.

Выравнивание

Выберите, как узлы на одном уровне выравниваются:

  • По центру: Узлы центрируются в пределах своего уровня
  • По левому краю/верху: Узлы выравниваются по началу
  • По правому краю/низу: Узлы выравниваются по концу

Алгоритм Sugiyama

Автоматическая компоновка использует алгоритм Sugiyama (также известный как послойное рисование графов), который:

  1. Назначает слои: Размещает узлы на иерархических уровнях на основе связей
  2. Уменьшает пересечения: Минимизирует пересечения рёбер между слоями
  3. Позиционирует узлы: Размещает узлы так, чтобы минимизировать длину рёбер
  4. Прокладывает рёбра: Создаёт аккуратные пути для коннекторов

Этот алгоритм идеально подходит для:

  • Блок-схем
  • Организационных схем
  • Графов зависимостей
  • Иерархий классов UML
  • Автоматов состояний

Советы для лучших результатов

Перед запуском автоматической компоновки

  1. Удалите лишние связи: Дополнительные рёбра увеличивают сложность
  2. Сгруппируйте связанные элементы: Группы обрабатываются как единые узлы
  3. Продумайте направление: Подумайте, какое направление подходит для вашей диаграммы

После запуска автоматической компоновки

  1. Скорректируйте позиции: При необходимости подправьте отдельные элементы
  2. Проверьте надписи: Убедитесь, что надписи читаемы и не перекрываются
  3. Настройте интервалы: Увеличьте интервалы, если элементы расположены слишком тесно

Ограничения

  • Циклические графы: Диаграммы с циклическими ссылками могут компоноваться неидеально
  • Плотные графы: В очень плотных диаграммах могут остаться некоторые пересечения рёбер
  • Ручное размещение: Компоновка переопределяет любое ручное позиционирование
  • Соотношение сторон: Алгоритм не учитывает соотношение сторон холста

Отмена

Если результат вас не устраивает, нажмите Cmd+Z, чтобы отменить компоновку и восстановить предыдущие позиции.