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

Applicare il Layout Automatico
Dal Menu
- Seleziona le forme che vuoi organizzare (oppure seleziona tutto con Cmd+A)
- Vai su Arrangia → Layout Automatico
- Gli elementi selezionati verranno riorganizzati
Dalla Barra degli Strumenti
Fai clic sul pulsante Layout Automatico nella barra degli strumenti di disposizione (icona griglia).

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:
| Algoritmo | Ideale per |
|---|---|
| Gerarchico (Sugiyama) | Diagrammi di flusso, organigrammi, grafi delle dipendenze — strutture stratificate e orientate |
| A strati | Grafi orientati dove vuoi un controllo esplicito sulla direzione del flusso |
| Albero | Gerarchie rigide genitore → figlio |
| Radiale | Gerarchie che si irradiano da una radice centrale |
| Circolare | Nodi disposti attorno a un anello; ottimo per cicli e reti tra pari |
| A forza diretta | Spaziatura organica, basata sulla fisica, per grafi generali |
| Organico | Layout naturali e distribuiti uniformemente per grafi densi |
| Ortogonale | Layout compatti con instradamento ad angolo retto |
| Griglia / Pack | Arrangiamenti ordinati a griglia o compatti di elementi poco correlati |
Suggerimento: Prova diversi algoritmi sulla stessa selezione —
Cmd+Zannulla immediatamente ogni risultato, così è facile confrontare.
Direzione del Layout
Puoi scegliere la direzione della gerarchia del layout:
| Direzione | Descrizione | Ideale per |
|---|---|---|
| Dall'alto in basso | Radice in alto, foglie in basso | Organigrammi, diagrammi di flusso |
| Dal basso in alto | Radice in basso, foglie in alto | Alberi decisionali |
| Da sinistra a destra | Radice a sinistra, foglie a destra | Flussi di processo, cronologie |
| Da destra a sinistra | Radice a destra, foglie a sinistra | Diagrammi RTL |
Accedi alle opzioni di direzione in Arrangia → Layout Automatico → Direzione.

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:
- Assegna i livelli: Posiziona i nodi in livelli gerarchici in base alle connessioni
- Riduce gli incroci: Minimizza gli incroci di archi tra i livelli
- Posiziona i nodi: Dispone i nodi per minimizzare la lunghezza degli archi
- 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
- Elimina le connessioni non necessarie: Archi extra aumentano la complessità
- Raggruppa gli elementi correlati: I gruppi vengono trattati come nodi singoli
- Considera la direzione: Pensa a quale direzione ha più senso per il tuo diagramma
Dopo Aver Eseguito il Layout Automatico
- Perfeziona le posizioni: Regola i singoli elementi secondo necessità
- Controlla le etichette: Assicurati che le etichette siano leggibili e non sovrapposte
- 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.