English
EspañolDiagrama de estados online (máquina de estados)
Escreva as transições, uma por linha, com o evento depois dos dois pontos. O diagrama se desenha ao lado.
Como usarOs estados e o que faz mudar de um para outro
Disponível em: 
Diagrama de estados online (máquina de estados): para que serve
Escreva as transições entre os estados, uma por linha, com o evento que faz mudar depois dos dois pontos. O estado inicial e o final são marcados com [*], e nomes com espaços são declarados uma vez com state.
O desenho mostra o caminho de um pedido, de um chamado ou de uma tela, e ajuda a enxergar casos esquecidos. Baixe em PNG ou SVG.
Como usar
- Escreva as transições entre os estados.
- Coloque o evento de cada transição.
- Baixe o diagrama em PNG ou SVG.
Quando usar
- Status de pedido de loja virtual.
- Fluxo de aprovação de documentos.
- Modelagem de sistemas na faculdade.
Perguntas frequentes
Como escrever uma transição?
Estado1 --> Estado2 : evento. [*] marca o início (quando vem antes da seta) e o fim (quando vem depois). Para um nome com espaços, declare antes: state "Em separação" as separacao, e use separacao nas setas.
O que é um diagrama de estados?
É o desenho dos estados por que algo passa, como um pedido, um chamado ou uma tela, e dos eventos que levam de um estado a outro. Ajuda a não esquecer casos, como cancelar um pedido que já foi enviado.
Dá para agrupar estados?
Sim. Use state Nome { ... } com as transições internas dentro das chaves, para um estado composto. Para uma escolha, declare state decisao <<choice>> e saia dele com uma seta para cada caminho.
É grátis mesmo?
Sim, 100% grátis. Sem cadastro, sem assinatura e sem limite de uso. Todas as ferramentas do Ferramentas123 são gratuitas e rodam direto no seu navegador.