Zet Logica om in Visuele WeergaveProbeer onze DGAI Agent nu

Gratis State Diagram Generator

Maak state diagrams en state machine diagrams met ons gratis AI-hulpmiddel. Ontwerp UML-statediagrammen, FSM-diagrammen, Moore- en Mealy-machines direct.

Laatst bijgewerkt: juli 2026

Try These Examples

Wat is een State Diagram?

Een state diagram (ook wel een state machine diagram of statechart genoemd) is een visuele weergave van alle mogelijke staten waarin een systeem zich kan bevinden en de overgangen tussen die staten. Elke staat vertegenwoordigt een toestand of situatie, en pijlen tonen hoe het systeem van de ene staat naar de andere gaat op basis van gebeurtenissen of voorwaarden.

State diagrams helpen je om:

  • Gedrag modellerenDefinieer hoe systemen op gebeurtenissen reageren
  • Randgevallen vindenIdentificeer ontbrekende overgangen en ongeldige staten
  • Logica documenterenCommuniceer complex gedrag met ontwikkelaars en belanghebbenden
  • Software ontwerpenPlan UI-flows, protocollen en embedded systems

State diagrams zijn veel gebruikt in UML-modellering en essentieel voor het ontwerpen van alles met afzonderlijke modi of fasen — van verkoopautomaten tot verificatieflows.

Soorten State Diagrams

UML Toestandsdiagrammen

De standaardnotatie voor het modelleren van objectgedrag in softwaretechniek. UML state diagrams tonen staten als afgeronde rechthoeken, overgangen als pijlen, en inclusief initiële/eindstaten, guards en acties.

Finite State Machine (FSM) Diagrammen

Gebruikt in informatica en digitale logica-ontwerp. FSM-diagrammen vertegenwoordigen systemen met een eindig aantal staten, ingangen en deterministische overgangen. Veel gebruikt in protocolontwerp en embedded systems.

Moore vs Mealy machines

Twee soorten eindige statusmachines:

  • Moore machinesUitgangen hangen alleen af van de huidige staat
  • Mealy machinesUitgangen hangen af van de huidige staat EN invoer

Moore machines zijn eenvoudiger te ontwerpen; Mealy machines vereisen vaak minder staten.

Toestandsovergangsdiagrammen

Een algemene term voor elk diagram dat staten en overgangen toont. Wordt vaak door elkaar gebruikt met state diagram of statechart.

Moore- vs. Mealy-automaten

Beide zijn eindige-toestandsautomaten; ze verschillen in hoe de uitvoer wordt geproduceerd. Een klassieke examen- en sollicitatievraag.

AspectMoore-automaatMealy-automaat
Uitvoer hangt af vanAlleen de huidige toestandDe huidige toestand en invoer
Timing van uitvoerVerandert met de toestandKan direct veranderen bij invoer
ReactiesnelheidEén klokcyclus laterZelfde cyclus (sneller)
Benodigde toestandenVaak meer toestandenMeestal minder toestanden
Typisch gebruikVerkeerslichten, tellersVerkoopautomaten, protocol-handlers

Van overgangstabel naar diagram

Ingenieurs beginnen vaak met een toestandsovergangstabel. Beschrijf of plak er een en de AI maakt het bijbehorende diagram. Hier een tourniquet-voorbeeld:

Huidige toestandInvoerVolgende toestand
LockedcoinUnlocked
LockedpushLocked
UnlockedpushLocked
UnlockedcoinUnlocked

Plak zo'n tabel (of beschrijf hem in gewone taal) in de tool hierboven om het bijbehorende toestandsdiagram te genereren.

Veelvoorkomende State Diagram Voorbeelden

Verkoopautomaat

Staten: Idle, Accepting Coins, Dispensing, Returning Change. Overgangen geactiveerd door muntinzet, productkeuzekeuze en timeouts.

Verkeerslichtsysteem

Staten: Green, Yellow, Red (en variaties voor richtingaanwijzers). Timerbases overgangen met sensoringangen voor verkeersresponsieve systemen.

TCP-verbinding

Staten: CLOSED, LISTEN, SYN_SENT, ESTABLISHED, FIN_WAIT, TIME_WAIT, en meer. Het klassieke voorbeeld voor netwerk-protocolstaatmachines.

Gebruikersverificatie

Staten: Logged Out, Attempting Login, Authenticated, Session Expired, Locked Out. Overgangen op basis van referenties, timeouts en mislukte pogingen.

Deze voorbeelden werken perfect met onze AI-generator — beschrijf het systeem en krijg een volledig state diagram.

Voorbeelden van eindige-toestandsautomaten

Echte FSM- en toestandsdiagramvoorbeelden voor hardware en software. Elk is gegenereerd uit een beschrijving in gewone taal.

Voorbeeld van een eindige-toestandsautomaatdiagram voor een verkeerslicht met de toestanden rood, groen en geel
Verkeerslicht-FSM
Voorbeeld van een toestandsautomaatdiagram voor een verkoopautomaat met de toestanden inactief, verzamelen en uitgeven
Verkoopautomaat-FSM
Voorbeeld van een toestandsdiagram van de TCP-verbindingslevenscyclus van CLOSED via ESTABLISHED tot TIME_WAIT
TCP-verbindingstoestanden
Voorbeeld van een eindige-toestandsautomaatdiagram voor een spelpersonage met de toestanden inactief, lopen, rennen, springen en aanvallen
Toestanden van een spelpersonage

Maak State Diagrams met AI

Beschrijf het gedrag van je systeem en laat AI een volledig state diagram met alle staten en overgangen genereren.

Hoe het werkt:

  1. Beschrijf je systeem: "State diagram voor een deurvergrendeling met staten: Locked, Unlocked en Alarmed. Juiste code ontgrendelt, drie keer foute code triggert alarm."
  2. AI genereert de state machine met de juiste notatie
  3. Download in hoge resolutie voor documentatie

Werkt voor elke state machine:

  • Software UI-flows
  • Protocolontwerpen (TCP, HTTP)
  • Ingebedde systemen
  • Spellogica
  • Bedrijfsprocesstaten

Veelgestelde Vragen

Verwante diagramtypen

Modelleer andere delen van je systeem met deze gratis tools:

Eén diagram. Verschillende stijlen.

Geef je niet bloot aan generieke visuele effecten. Pas de esthetiek van je diagram aan je merkidentiteit aan met onze Stijlkiezer.