Mise en page automatique

Diagrammix3 inclut une fonctionnalité puissante de mise en page automatique qui organise automatiquement les éléments de votre diagramme pour une lisibilité optimale. Elle propose plusieurs algorithmes de mise en page — de la disposition hiérarchique classique Sugiyama aux arrangements en arbre, radial, circulaire, à force dirigée et en grille — pour que vous puissiez choisir celui qui convient le mieux à votre diagramme.

Quand utiliser la mise en page automatique

La mise en page automatique est utile lorsque :

  • Vous avez importé un diagramme depuis Mermaid ou un autre format
  • Votre diagramme est devenu désordonné après de nombreuses modifications
  • Vous souhaitez organiser rapidement un grand nombre d'éléments
  • Vous partez d'un brouillon et souhaitez obtenir une mise en page propre

Avant la mise en page automatique

Appliquer la mise en page automatique

Depuis le menu

  1. Sélectionnez les formes que vous souhaitez organiser (ou sélectionnez tout avec Cmd+A)
  2. Allez dans Disposition → Mise en page automatique
  3. Les éléments sélectionnés seront réorganisés

Depuis la barre d'outils

Cliquez sur le bouton Mise en page automatique dans la barre d'outils de disposition (icône de grille).

Après la mise en page automatique

Algorithmes de mise en page

Au-delà de la disposition hiérarchique classique, Diagrammix propose une gamme d'algorithmes de mise en page. Choisissez celui qui correspond à la forme de vos données :

AlgorithmeIdéal pour
Hiérarchique (Sugiyama)Diagrammes de flux, organigrammes, graphes de dépendances — structures en couches et orientées
En couchesGraphes orientés avec contrôle explicite de la direction du flux
ArbreHiérarchies strictes parent → enfant
RadialHiérarchies rayonnant depuis une racine centrale
CirculaireNœuds disposés en anneau ; idéal pour les cycles et les réseaux entre pairs
À force dirigéeEspacement organique et physique pour les graphes généraux
OrganiqueDispositions naturelles et uniformément réparties pour les graphes denses
OrthogonalDispositions compactes avec routage à angle droit
Grille / EmballageArrangements en grille ordonnés ou emballés d'éléments peu liés

Astuce : Essayez plusieurs algorithmes sur la même sélection — Cmd+Z annule chaque résultat instantanément, ce qui permet de comparer rapidement.

Direction de la mise en page

Vous pouvez choisir la direction de la hiérarchie de mise en page :

DirectionDescriptionIdéal pour
De haut en basRacine en haut, feuilles en basOrganigrammes, diagrammes de flux
De bas en hautRacine en bas, feuilles en hautArbres de décision
De gauche à droiteRacine à gauche, feuilles à droiteFlux de processus, chronologies
De droite à gaucheRacine à droite, feuilles à gaucheDiagrammes de droite à gauche

Accédez aux options de direction dans Disposition → Mise en page automatique → Direction.

Menu de mise en page automatique

Options de mise en page

Espacement

Contrôlez l'espace entre les éléments :

  • Espacement horizontal : Distance entre les nœuds frères
  • Espacement vertical : Distance entre les niveaux hiérarchiques

Ajustez ces paramètres dans le panneau d'options de mise en page ou l'Inspecteur.

Alignement

Choisissez comment les nœuds d'un même niveau sont alignés :

  • Centre : Nœuds centrés dans leur niveau
  • Gauche/Haut : Nœuds alignés au début
  • Droite/Bas : Nœuds alignés à la fin

L'algorithme Sugiyama

La mise en page automatique utilise l'algorithme Sugiyama (également connu sous le nom de dessin de graphe en couches), qui :

  1. Assigne les couches : Place les nœuds dans des niveaux hiérarchiques en fonction des connexions
  2. Réduit les croisements : Minimise les croisements d'arêtes entre les couches
  3. Positionne les nœuds : Place les nœuds pour minimiser la longueur des arêtes
  4. Achemine les arêtes : Crée des chemins de connecteurs propres

Cet algorithme est idéal pour :

  • Les diagrammes de flux
  • Les organigrammes
  • Les graphes de dépendances
  • Les hiérarchies de classes UML
  • Les machines à états

Conseils pour de meilleurs résultats

Avant d'exécuter la mise en page automatique

  1. Supprimez les connexions inutiles : Les arêtes supplémentaires augmentent la complexité
  2. Regroupez les éléments liés : Les groupes sont traités comme des nœuds uniques
  3. Réfléchissez à la direction : Déterminez quelle direction convient le mieux à votre diagramme

Après l'exécution de la mise en page automatique

  1. Ajustez les positions : Modifiez les éléments individuels si nécessaire
  2. Vérifiez les étiquettes : Assurez-vous que les étiquettes sont lisibles et ne se chevauchent pas
  3. Ajustez l'espacement : Augmentez l'espacement si les éléments semblent trop serrés

Limitations

  • Graphes cycliques : Les diagrammes avec des références circulaires peuvent ne pas être parfaitement organisés
  • Graphes denses : Les diagrammes très denses peuvent encore présenter quelques croisements d'arêtes
  • Positions personnalisées : La mise en page écrasera tout positionnement manuel
  • Format d'image : L'algorithme ne prend pas en compte le format du canevas

Annuler

Si le résultat ne vous convient pas, appuyez sur Cmd+Z pour annuler la mise en page et restaurer les positions précédentes.