> ## Documentation Index
> Fetch the complete documentation index at: https://docs.ahaslides.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Diagrammi di flusso con la slide Diagram

> Crea diagrammi di flusso, organigrammi, timeline e grafici nella presentazione: visual basati sui dati che si aggiornano dal vivo, senza immagini.

La slide Diagram ti permette di creare e mostrare diagrammi visivi strutturati (diagrammi di flusso, gerarchie, grafici, timeline, confronti e altro) direttamente in AhaSlides. Invece di incollare uno screenshot statico, definisci i contenuti in un modulo strutturato nel pannello a destra e il diagramma viene generato automaticamente, senza bisogno di strumenti esterni.

## Diagram in breve

| | |
| - | - |
| Tipo | Solo visualizzazione, senza risposta del pubblico |
| Dove si trova | **Nuova slide** (New slide), poi **Diagram** nella scheda **Contenuto** (Content) del selettore dei tipi di slide |
| Tipi di diagramma | Sette: Relation, Hierarchy, Items, Chart, Word Cloud, Compare, Advanced |
| Animazione in streaming | Disattivata (predefinito), Lenta, Media o Veloce |

Usa una slide Diagram ogni volta che devi mostrare relazioni, processi, dati o strutture invece di un elenco di parole o del risultato di un sondaggio. La slide supporta sette tipi di diagramma:

* **Flussi di processo e diagrammi di rete**: mostrano come si collegano passaggi o sistemi.
* **Organigrammi e alberi decisionali**: costruiscono gerarchie con livelli annidati.
* **Grafici a barre, a colonne, a linee, a torta e ad anello**: mostrano dati numerici con etichette.
* **Timeline, roadmap e piramidi**: dispongono elementi in sequenza o a strati.
* **Confronti**: analisi SWOT, quadranti, confronti binari.
* **Nuvole di parole**: visualizzano i termini con dimensioni in base al peso.
* **Infografiche personalizzate**: scrivi direttamente la sintassi AntV per avere il controllo totale.

A differenza di una slide Contenuto con un'immagine statica, la slide Diagram è basata sui dati: inserisci etichette e valori nel pannello e il visual si aggiorna dal vivo.

## Creare una slide Diagram

<Frame>
  <img src="https://mintcdn.com/ahaslides/wJ1GvGkoLZ_3Etc-/images/diagram-add-slide.png?fit=max&auto=format&n=wJ1GvGkoLZ_3Etc-&q=85&s=094076075f4a480ae2c91dfc6ce33f53" alt="Il tipo di slide Diagram di AhaSlides trovato cercando nel selettore dei tipi di slide" width="1920" height="1080" data-path="images/diagram-add-slide.png" />
</Frame>

<Steps>
  <Step title="Aggiungi la slide">
    Nell'editor, clicca su **Nuova slide** e seleziona **Diagram** nella scheda **Contenuto** del selettore dei tipi di slide.
  </Step>

  <Step title="Scegli un tipo di diagramma">
    Nel pannello a destra, apri il menu a tendina **Diagram type** e scegli il tipo adatto ai tuoi contenuti. La tela mostra l'anteprima del diagramma mentre cambi tipo.
  </Step>

  <Step title="Scegli una variante">
    Apri il menu a tendina **Variant** per scegliere come viene disposto visivamente il diagramma. Nel menu compaiono anteprime visive che ti aiutano a scegliere.
  </Step>

  <Step title="Inserisci i tuoi contenuti">
    A seconda del tipo: aggiungi nodi e connessioni (**Relation**), annida nodi figli sotto una radice (**Hierarchy**), aggiungi elementi con etichette e descrizioni (**Items**), aggiungi punti dati con etichette e valori (**Chart**), aggiungi parole con i pesi (**Word Cloud**), aggiungi gruppi e i loro elementi (**Compare**), oppure scrivi direttamente la sintassi AntV (**Advanced**).
  </Step>

  <Step title="Imposta l'animazione in streaming (facoltativo)">
    Usa il controllo **Streaming animation** per animare il diagramma quando la slide compare per la prima volta. Le opzioni sono **Off** (predefinita), **Slow**, **Medium** e **Fast**.
  </Step>

  <Step title="Aggiungi un titolo (facoltativo)">
    Scrivi un titolo nel campo **Title** in cima al pannello a destra, con una breve descrizione facoltativa sotto.
  </Step>
</Steps>

<Frame>
  <img src="https://mintcdn.com/ahaslides/xRqJBlSTbY-PEvpk/images/diagram-choose-type.png?fit=max&auto=format&n=xRqJBlSTbY-PEvpk&q=85&s=f544cd177e9cf2da3986468854043943" alt="La slide Diagram di AhaSlides nell'editor con il menu a tendina del tipo di diagramma evidenziato" width="1920" height="1080" data-path="images/diagram-choose-type.png" />
</Frame>

<Tip>
  * **Parti dal tipo giusto**: cambiare tipo in seguito reimposta il contenuto, quindi scegli quello giusto prima di inserire gli elementi.
  * **Usa Relation per i flussi collegati e Hierarchy per gli alberi**: se gli elementi hanno un annidamento padre-figlio rigoroso senza collegamenti incrociati, Hierarchy è più semplice da gestire.
  * **Guarda l'anteprima prima di presentare**: clicca su **Anteprima** (Preview) nell'intestazione dell'editor per controllare come viene mostrato il diagramma a schermo intero.
  * **Usa l'animazione con moderazione**: l'animazione in streaming funziona meglio con i tipi Relation e Hierarchy per svelare le connessioni passo dopo passo; con grafici fitti o nuvole di parole, Off di solito è più pulito.
</Tip>

<Tip>
  Il pulsante AI **Migliora** (Improve) nella barra degli strumenti dell'editor è disponibile anche nelle slide Diagram: descrivi in linguaggio naturale il flusso o la struttura che vuoi, lascia che l'AI costruisca i dati iniziali, poi rifiniscili nel pannello.
</Tip>

<Note>
  La slide Diagram al momento non è supportata dallo strumento `create_slides()` dell'MCP di AhaSlides. Aggiungi le slide Diagram manualmente nell'editor.
</Note>

## Presentare una slide Diagram

Quando arrivi a una slide Diagram durante una presentazione, il diagramma riempie l'area della slide sullo schermo del presentatore. I partecipanti che guardano dai propri dispositivi vedono lo stesso visual in sola lettura: su una slide Diagram il pubblico non deve rispondere né interagire. Se l'animazione in streaming è attiva, il diagramma si anima quando la slide compare per la prima volta.

<Frame>
  <img src="https://mintcdn.com/ahaslides/TKkv83kp-W9KNutc/images/diagram-presenting.png?fit=max&auto=format&n=TKkv83kp-W9KNutc&q=85&s=83447271ec200d22ffc4b749cf574f08" alt="La slide Diagram di AhaSlides durante la presentazione, con un flusso Start, Process, End sullo schermo del presentatore" width="1600" height="1000" data-path="images/diagram-presenting.png" />
</Frame>

## Tipi di diagramma e varianti

| Tipo | Descrizione | Varianti |
| - | - | - |
| **Relation** | Diagrammi di flusso o di rete da nodi e collegamenti. Definisci i **Nodes** e le **Connections** tra loro, con un'etichetta facoltativa per il collegamento. | Flow (left → right), Flow (top → bottom), Flow LR (animated), Flow TB (animated), Circle (progress), Circle (icons), Network |
| **Hierarchy** | Albero con figli annidati. Definisci un nodo radice e annida sotto di esso figli e nipoti. | Radial tree, Tree (top → bottom), Tree (left → right), Tree (right → left), Tree (bottom → top), Tech-style tree |
| **Items** | Elenco semplice o sequenza di passaggi. Definisci un elenco di elementi, ognuno con un'etichetta e una descrizione facoltativa. | Pyramid, Horizontal arrows, Row (icon arrows), Vertical arrows, Grid, Grid (progress), Zigzag (down), Zigzag (up), Sector, Sector (half), Stairs, Timeline, Roadmap, Funnel, Circular, Steps, Snake steps, Pyramid (sequence) |
| **Chart** | Barre, colonne, linee, torta o anello da valori con etichetta. Definisci gli elementi con una **Label** e un **Value** numerico. | Bar, Column, Line, Pie, Donut |
| **Word Cloud** | Parole dimensionate in base al peso. Definisci un elenco di parole, ognuna con un **Weight** numerico (minimo 1). | Standard |
| **Compare** | Confronto affiancato. Definisci gruppi di elementi, ognuno con un'etichetta ed elementi facoltativi. Il modello predefinito è un'analisi SWOT. | Quadrant (cards), più altre varianti binarie e gerarchiche |
| **Advanced** | Scrivi a mano il markup infografico AntV direttamente: nessun menu a tendina Variant. | — |

<Note>
  Il tipo di diagramma Word Cloud produce una nuvola di parole statica e ponderata che configuri tu: è diverso dalla [slide Nuvola di parole](/it/using-slide-types/using-the-word-cloud-slide) interattiva, in cui i partecipanti inviano risposte dal vivo.
</Note>

## Slide Diagram e slide Contenuto

| | Slide Diagram | Slide Contenuto |
| - | - | - |
| Origine | Dati inseriti nel pannello a destra | Caricamento di un'immagine statica |
| Modificabile nell'editor | Sì: cambi etichette e valori | No (ricarica per cambiare) |
| Ideale per | Flussi, alberi, grafici, timeline, SWOT | Foto, screenshot, infografiche |
| Layout automatico | Sì: la variante controlla il layout automaticamente | No |
| Interazione dei partecipanti | Nessuna (solo visualizzazione) | Nessuna (solo visualizzazione) |

**Hai una domanda?**

Contatta il nostro team di assistenza: se hai effettuato l'accesso, usa l'icona della chat in basso a destra nella dashboard; altrimenti [contattaci qui](https://ahaslides.com/contact-us/) o scrivi a [hi@ahaslides.com](mailto:hi@ahaslides.com).

Vuoi entrare in contatto con altri utenti? Unisciti alla [community di AhaSlides](https://community.ahaslides.com/) per condividere consigli, richiedere nuove funzionalità e scoprire come gli altri coinvolgono il loro pubblico.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.