Layout Automatico

Diagrammix3 include una potente funzionalità di layout automatico che dispone automaticamente gli elementi del diagramma per una leggibilità ottimale. Il motore di layout utilizza l'algoritmo Sugiyama, specificamente progettato per grafi gerarchici e orientati.

Quando Usare il Layout Automatico

Il layout automatico è utile quando:

  • Hai importato un diagramma da Mermaid o da un altro formato
  • Il tuo diagramma è diventato disordinato dopo molte modifiche
  • Vuoi organizzare rapidamente un gran numero di elementi
  • Stai partendo da uno schizzo approssimativo e vuoi un layout pulito

Prima del layout automatico

Applicare il Layout Automatico

Dal menu

  1. Seleziona le forme che vuoi organizzare (oppure seleziona tutto con Cmd+A)
  2. Vai su Arrange → Auto-Layout
  3. Gli elementi selezionati verranno riorganizzati

Dalla barra degli strumenti

Fai clic sul pulsante Layout automatico nella barra degli strumenti di disposizione (icona griglia).

Dopo il layout automatico

Direzione del Layout

Puoi scegliere la direzione della gerarchia del layout:

DirezioneDescrizioneIdeale per
Dall'alto in bassoRadice in alto, foglie in bassoOrganigrammi, diagrammi di flusso
Dal basso in altoRadice in basso, foglie in altoAlberi decisionali
Da sinistra a destraRadice a sinistra, foglie a destraFlussi di processo, linee temporali
Da destra a sinistraRadice a destra, foglie a sinistraDiagrammi RTL

Accedi alle opzioni di direzione in Arrange → Auto-Layout → Direzione.

Menu layout automatico

Opzioni di Layout

Spaziatura

Controlla lo spazio tra gli elementi:

  • Spaziatura orizzontale: Distanza tra nodi fratelli
  • Spaziatura verticale: Distanza tra livelli gerarchici

Regola questi parametri nel pannello opzioni di layout o nell'Inspector.

Allineamento

Scegli come vengono allineati i nodi allo stesso livello:

  • Centro: Nodi centrati all'interno del loro livello
  • Sinistra/Alto: Nodi allineati all'inizio
  • Destra/Basso: Nodi allineati alla fine

L'algoritmo Sugiyama

Il layout automatico utilizza l'algoritmo Sugiyama (noto anche come disegno di grafi a strati), che:

  1. Assegna i livelli: Posiziona i nodi in livelli gerarchici in base alle connessioni
  2. Riduce gli incroci: Minimizza gli incroci di archi tra i livelli
  3. Posiziona i nodi: Dispone i nodi per minimizzare la lunghezza degli archi
  4. Instrada gli archi: Crea percorsi puliti per i connettori

Questo algoritmo è ideale per:

  • Diagrammi di flusso
  • Organigrammi
  • Grafi delle dipendenze
  • Gerarchie di classi UML
  • Macchine a stati

Consigli per Risultati Migliori

Prima di eseguire il layout automatico

  1. Elimina le connessioni non necessarie: Archi extra aumentano la complessità
  2. Raggruppa gli elementi correlati: I gruppi vengono trattati come nodi singoli
  3. Considera la direzione: Pensa a quale direzione ha più senso per il tuo diagramma

Dopo aver eseguito il layout automatico

  1. Perfeziona le posizioni: Regola i singoli elementi secondo necessità
  2. Controlla le etichette: Assicurati che le etichette siano leggibili e non sovrapposte
  3. Regola la spaziatura: Aumenta la spaziatura se gli elementi sembrano troppo ravvicinati

Limitazioni

  • Grafi ciclici: I diagrammi con riferimenti circolari potrebbero non essere disposti perfettamente
  • Grafi densi: I diagrammi molto densi potrebbero avere ancora alcuni incroci di archi
  • Posizioni personalizzate: Il layout sovrascriverà qualsiasi posizionamento manuale
  • Proporzioni: L'algoritmo non considera le proporzioni della tela

Annulla

Se il risultato non ti soddisfa, premi Cmd+Z per annullare il layout e ripristinare le posizioni precedenti.