> ## 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.
# Criar fluxogramas com o slide Diagram
> Crie fluxogramas, organogramas, linhas do tempo e gráficos direto na apresentação — visuais baseados em dados que se atualizam ao vivo.
O slide Diagram permite criar e exibir diagramas visuais estruturados — fluxogramas, hierarquias, gráficos, linhas do tempo, comparações e mais — direto no AhaSlides. Em vez de colar uma captura de tela estática, você define o conteúdo de forma estruturada no painel da direita e o diagrama é renderizado automaticamente, sem precisar de nenhuma ferramenta externa.
## O slide Diagram em resumo
| | |
| - | - |
| Tipo | Apenas exibição, sem resposta da audiência |
| Onde encontrar | **Novo slide** (New slide) e depois **Diagram** na aba **Conteúdo** (Content) do seletor de tipos de slide |
| Tipos de diagrama | Sete: Relation, Hierarchy, Items, Chart, Word Cloud, Compare, Advanced |
| Animação em sequência | Desligada (padrão), lenta, média ou rápida |
Use um slide Diagram sempre que precisar mostrar relações, processos, dados ou estrutura em vez de uma lista de palavras ou do resultado de uma votação. O slide é compatível com sete tipos de diagrama:
* **Fluxos de processo e diagramas de rede** — mostram como etapas ou sistemas se conectam.
* **Organogramas e árvores de decisão** — criam hierarquias com níveis aninhados.
* **Gráficos de barras, colunas, linhas, pizza e rosca** — exibem dados numéricos com rótulos.
* **Linhas do tempo, roteiros e pirâmides** — organizam itens sequenciais ou em camadas.
* **Comparações** — análises SWOT, quadrantes, comparações binárias.
* **Nuvens de palavras** — visualizam termos com tamanho proporcional ao peso.
* **Infográficos personalizados** — escreva a sintaxe AntV bruta para ter controle total.
Ao contrário de um slide Content com uma imagem estática, o slide Diagram é baseado em dados: você insere rótulos e valores no painel e o visual se atualiza ao vivo.
## Criar um slide Diagram
No editor, clique em **Novo slide** (New slide) e selecione **Diagram** na aba **Conteúdo** (Content) do seletor de tipos de slide.
No painel da direita, abra o menu suspenso **Diagram type** e escolha o tipo que combina com o seu conteúdo. A tela mostra uma prévia do diagrama conforme você troca de tipo.
Abra o menu suspenso **Variant** para escolher como o diagrama é organizado visualmente. Prévias visuais aparecem no menu para ajudar na escolha.
Dependendo do tipo: adicione nós e conexões (**Relation**), aninhe nós filhos sob uma raiz (**Hierarchy**), adicione itens com rótulos e descrições (**Items**), adicione pontos de dados com rótulos e valores (**Chart**), adicione palavras com pesos (**Word Cloud**), adicione grupos e seus itens (**Compare**) ou digite a sintaxe AntV diretamente (**Advanced**).
Use o controle **Streaming animation** para animar o diagrama quando o slide aparecer pela primeira vez. As opções são **Desligado** (Off) (padrão), **Slow**, **Médio** (Medium) e **Fast**.
Digite um título no campo **Title** na parte superior do painel da direita, com uma breve descrição opcional abaixo.
* **Comece com o tipo certo** — trocar de tipo depois redefine o conteúdo, então escolha o certo antes de preencher os itens.
* **Use Relation para fluxos conectados; use Hierarchy para árvores** — se os itens têm um aninhamento estrito de pai e filho, sem ligações cruzadas, o Hierarchy é mais simples de gerenciar.
* **Pré-visualize antes de apresentar** — clique em **Pré-visualização** (Preview) no cabeçalho do editor para conferir como o diagrama é renderizado em tela cheia.
* **Use a animação com moderação** — a animação em sequência funciona melhor nos tipos Relation e Hierarchy, para revelar as conexões passo a passo; em Charts densos ou Word Clouds, o melhor costuma ser deixá-la desligada.
O botão de IA **Melhorar** (Improve) na barra de ferramentas do editor também está disponível nos slides Diagram — descreva em linguagem natural o fluxo ou a estrutura que você quer e deixe a IA montar os dados iniciais, depois refine no painel.
O slide Diagram não é compatível, no momento, com a ferramenta `create_slides()` do MCP do AhaSlides. Adicione slides Diagram manualmente no editor.
## Apresentar um slide Diagram
Quando você chega a um slide Diagram durante a apresentação, o diagrama preenche a área do slide na tela do apresentador. Os participantes, nos próprios dispositivos, veem o mesmo visual em formato somente leitura — não é preciso nenhuma resposta nem interação da audiência em um slide Diagram. Se a animação em sequência estiver ativada, o diagrama é animado quando o slide aparece pela primeira vez.
## Tipos de diagrama e variantes
| Tipo | Descrição | Variantes |
| - | - | - |
| **Relation** | Diagramas de fluxo ou de rede a partir de nós e arestas. Defina **Nodes** e **Connections** entre eles, com um rótulo de aresta opcional. | Flow (left → right), Flow (top → bottom), Flow LR (animated), Flow TB (animated), Circle (progress), Circle (icons), Network |
| **Hierarchy** | Árvore com filhos aninhados. Defina um nó raiz e aninhe filhos e netos abaixo dele. | Radial tree, Tree (top → bottom), Tree (left → right), Tree (right → left), Tree (bottom → top), Tech-style tree |
| **Items** | Lista simples ou sequência de etapas. Defina uma lista de itens, cada um com um rótulo e uma descrição opcional. | 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** | Barras, colunas, linhas, pizza ou rosca a partir de valores com rótulos. Defina itens com um **Label** e um **Value** numérico. | Bar, Column, Line, Pie, Donut |
| **Word Cloud** | Palavras com tamanho proporcional ao peso. Defina uma lista de palavras, cada uma com um **Weight** numérico (mínimo 1). | Standard |
| **Compare** | Comparação lado a lado. Defina grupos de itens, cada um com um rótulo e itens opcionais. O modelo padrão é uma análise SWOT. | Quadrant (cards), além de variantes binárias e hierárquicas adicionais |
| **Advanced** | Escreva à mão a marcação bruta de infográfico AntV diretamente — sem menu suspenso Variant. | — |
O tipo de diagrama Word Cloud produz uma nuvem de palavras estática e ponderada que você mesmo configura — ele é diferente do [slide Word Cloud](/pt-BR/using-slide-types/using-the-word-cloud-slide) interativo, em que os participantes enviam respostas ao vivo.
## Slide Diagram vs. slide Content
| | Slide Diagram | Slide Content |
| - | - | - |
| Origem | Dados inseridos no painel da direita | Envio de imagem estática |
| Editável no editor | Sim — altere rótulos e valores | Não (envie de novo para alterar) |
| Ideal para | Fluxos, árvores, gráficos, linhas do tempo, SWOT | Foto, captura de tela, infográfico |
| Layout automático | Sim — a variante controla o layout automaticamente | Não |
| Interação dos participantes | Nenhuma (apenas exibição) | Nenhuma (apenas exibição) |
**Tem alguma dúvida?**
Fale com a nossa equipe de suporte: se você estiver conectado, use o ícone de chat no canto inferior direito do painel; caso contrário, [fale conosco aqui](https://ahaslides.com/contact-us/) ou envie um e-mail para [hi@ahaslides.com](mailto:hi@ahaslides.com).
Quer se conectar com outros usuários? Participe da [comunidade AhaSlides](https://community.ahaslides.com/) para compartilhar dicas, sugerir funcionalidades e ver como outras pessoas engajam suas audiências.
This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.