Online een stroomdiagram maken: gratis editor

Een stroomdiagram geeft het verloop van een programma of algoritme weer als een reeks gestandaardiseerde symbolen die met pijlen verbonden zijn. Het toont de volgorde van instructies, invoer, uitvoer en beslissingen, onafhankelijk van de programmeertaal. Andere namen zijn flowchart en programmastroomdiagram.

Laad een voorbeeldsjabloon in de editor of begin met ‘Nieuw’ aan een leeg proces. Voeg bouwstenen toe met een klik of schrijf het proces als pseudocode; beide blijven gesynchroniseerd. De editor rangschikt de symbolen automatisch: vertakkingen splitsen naar links en rechts en komen daarna weer samen; terugkoppelingen van lussen lopen links langs de inhoud. Exporteer ten slotte als PNG, SVG of PDF. Gratis en zonder account.

De symbolen zijn vastgelegd in DIN 66001 en internationaal in ISO 5807. De editor gebruikt het begin-/eindsymbool (ovaal), de bewerking (rechthoek), de beslissing (ruit), invoer/uitvoer (parallellogram), de subroutine (rechthoek met dubbele zijlijnen), stroomlijnen met pijlpunten, het verbindingspunt (cirkel met letter) en het symboolpaar voor lusbegrenzing bij een oneindige lus.

Een lus bestaat uit een beslissing en een terugkoppelingslijn. Bij een lus met een voorwaarde aan het begin staat de ruit vóór de inhoud: als aan de voorwaarde is voldaan, wordt de inhoud uitgevoerd en voert de lijn terug naar de ruit. Anders gaat het proces rechts verder. Bij een lus met een voorwaarde aan het einde staat de ruit na de inhoud. Een tellus wordt getekend met een beginwaarde, voorwaarde, inhoud en verhoging van de telvariabele. De editor tekent een oneindige lus met het symboolpaar voor lusbegrenzing; een onderbreking voert via een verbindingspunt naar een punt na de lus. Een meervoudige vertakking (switch case) wordt een ruit met één tak per geval en eventueel een anders-tak.

Eén regel per stap, met sleutelwoorden voor blokken: ALS … DAN … ANDERS … EINDE ALS, KEUZE x met GEVAL 1: en ANDERS: tot EINDE KEUZE, ZOLANG … EINDE ZOLANG, HERHAAL … TOTDAT …, VOOR i VAN 1 TOT 10 … EINDE VOOR, ONEINDIGE LUS … EINDE ONEINDIGE LUS met STOP, plus INVOER, UITVOER en AANROEP. Engelse sleutelwoorden (IF, SWITCH, WHILE, REPEAT, FOR, LOOP, BREAK, INPUT, OUTPUT, CALL) werken ook; bij het pseudocodeveld schakel je tussen beide. De editor herkent geen sleutelwoorden in andere talen: zulke regels worden eenvoudige instructies. Pseudocode die je ergens anders hebt geschreven, plak je gewoon in het veld. Bij een typefout toont de editor de regel met een melding en blijft het laatste geldige diagram behouden.

Beide beschrijven hetzelfde proces. Het stroomdiagram verbindt symbolen met pijlen; lussen ontstaan door terugkoppelingslijnen. Het structogram (DIN 66261, Nassi-Shneiderman-diagram) bevat geneste blokken en heeft geen sprongen. Daardoor is het compacter en dwingt het een gestructureerde oplossing af. In deze editor schakel je tussen beide weergaven, omdat ze op basis van hetzelfde proces worden getekend.

Ja. Exporteer het diagram als PNG in hoge resolutie of als SVG en voeg het bestand in Word, PowerPoint of een ander document in. Voor afdrukken is er een PDF op een A4-pagina. Met het projectbestand (JSON) sla je het proces op om het later weer in de editor te openen.

Je kunt de editor gratis en zonder account gebruiken. Hij draait volledig in je browser: de huidige versie staat alleen in de lokale opslag van je browser en exports worden rechtstreeks op je apparaat gemaakt. Bij een deellink staat het diagram in het deel van het adres na de #, dat niet naar de server wordt verzonden.