Layout Automatico

Diagrammix3 include una potente funzionalità di layout automatico che dispone automaticamente gli elementi del diagramma per una leggibilità ottimale. Offre diversi algoritmi di layout — dal classico layout gerarchico Sugiyama agli arrangiamenti ad albero, radiale, circolare, a forza diretta e a griglia — così puoi scegliere quello che si adatta meglio al tuo diagramma.

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 Arrangia → Layout Automatico
  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

Algoritmi di Layout

Oltre al classico layout gerarchico, Diagrammix offre una gamma di algoritmi di layout. Scegli quello che corrisponde alla forma dei tuoi dati:

AlgoritmoIdeale per
Gerarchico (Sugiyama)Diagrammi di flusso, organigrammi, grafi delle dipendenze — strutture stratificate e orientate
A stratiGrafi orientati dove vuoi un controllo esplicito sulla direzione del flusso
AlberoGerarchie rigide genitore → figlio
RadialeGerarchie che si irradiano da una radice centrale
CircolareNodi disposti attorno a un anello; ottimo per cicli e reti tra pari
A forza direttaSpaziatura organica, basata sulla fisica, per grafi generali
OrganicoLayout naturali e distribuiti uniformemente per grafi densi
OrtogonaleLayout compatti con instradamento ad angolo retto
Griglia / PackArrangiamenti ordinati a griglia o compatti di elementi poco correlati

Suggerimento: Prova diversi algoritmi sulla stessa selezione — Cmd+Z annulla immediatamente ogni risultato, così è facile confrontare.

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, cronologie
Da destra a sinistraRadice a destra, foglie a sinistraDiagrammi RTL

Accedi alle opzioni di direzione in Arrangia → Layout Automatico → 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.