De stroomdiagrammaker gebruiken
- Voeg een start-/eindvorm, proces of beslissing toe. Het voorbeeld is al bewerkbaar, dus je kunt ook de vormen hernoemen, verplaatsen of verwijderen.
- Selecteer een vorm om het type of de kleur in het eigenschappenpaneel te wijzigen. Klik op de tekst om direct te bewerken. Versleep de vorm om hem te verplaatsen; de pijltjestoetsen verplaatsen ook de selectie.
- Sleep vanaf een verbindingspunt boven, onder, links of rechts naar een andere vorm. Selecteer de lijn om het label, de doorlopende/streep-/stippelstijl en beide pijlpunten te bewerken. Het bovenste palet voegt losse vormen toe.
- Gebruik Ongedaan maken of Opnieuw tijdens het bewerken, zoom en verschuif het beeld als het diagram groeit en download SVG voor schaalbare afbeeldingen of PNG voor direct gebruik.
Wat de vormen betekenen
Een afgeronde start-/eindvorm markeert het begin of einde van een procedure. Een procesrechthoek is een actie zoals ‘Voorraad controleren’ of ‘Bevestiging sturen’. Een beslisruit stelt een vraag waarvan de uitgaande pijlen meestal labels hebben als Ja, Nee, Geslaagd of Opnieuw. Dit zijn conventies, geen afgedwongen regels: de editor bedenkt geen stappen, beoordeelt geen beslissing en voert het proces niet uit. Houd labels kort en zet extra uitleg zo nodig in het bijbehorende document.
Voorbeeld: een goedkeuringsproces
Begin met Start, verbind die met ‘Aanvraag beoordelen’ en verbind dat proces met ‘Goedgekeurd?’. Voeg een eindvorm ‘Publiceren’ toe en een proces ‘Aanvraag aanpassen’. Teken een Ja-pijl naar Publiceren en een Nee-pijl naar Aanvraag aanpassen; verbind die laatste terug met Aanvraag beoordelen als het proces zich herhaalt. Later verplaatsen van de beslissing houdt alle pijlen verbonden, omdat verbindingen naar vormen verwijzen en niet naar oude schermcoördinaten. Dit voorbeeld toont een lus, vertakking en gelabelde uitkomsten zonder de tool te laten beslissen welke uitkomst klopt.
Voorbeeld: een supportchecklist
Maak Start, ‘Ticket lezen’ en de beslissing ‘Voldoende informatie?’. Verbind Ja met ‘Probleem onderzoeken’ en Nee met ‘Details vragen’. Laat beide routes uitkomen bij ‘Klant antwoorden’ en daarna Einde. Dupliceer een proces als twee stappen vergelijkbare tekst nodig hebben en bewerk de kopie. De kopie neemt geen pijlen over, zodat een onopgemerkte verbinding de route niet verandert.
Selectie, verplaatsen en bewerkingsgeschiedenis
De geselecteerde vorm heeft een stippelrand en acties voor dupliceren en verwijderen. Tekst, kleur en vormtype zijn bewerkbaar in het eigenschappenpaneel; een ander type behoudt naam en verbindingen. Het palet voegt vormen toe en de vier verbindingspunten koppelen bestaande vormen. Je kunt ook een punt focussen en Enter indrukken, daarna een ander punt focussen en Enter indrukken om met het toetsenbord te verbinden. Ongedaan maken en Opnieuw staan rechtsboven op het canvas. Elke toevoeging, verwijdering, versleepactie en afgeronde tekst-, kleur- of lijnstijlwijziging is één geschiedenisstap. Ctrl/Command+Z, Shift+Ctrl/Command+Z en Ctrl+Y werken buiten tekstvelden. Pijltjestoetsen verplaatsen de geselecteerde vorm; Delete verwijdert die. Wissen is ook ongedaan te maken.
Canvas- en uitvoerlimieten
Het canvas is een begrensd coördinatengebied van 1.200 bij 760, met maximaal 40 vormen, 60 gerichte verbindingen, 60 tekens per vorm en 36 tekens per taklabel. Vormen stoppen aan de canvasrand. Deze grenzen houden bediening en beeldgeneratie voorspelbaar; dit is geen oneindig whiteboard. SVG behoudt vectorvormen en selecteerbare XML-tekst, hoewel lettertypeafmetingen per viewer kunnen verschillen. PNG wordt gemaakt op 1.200 bij 760 pixels met een witte achtergrond. Raster, selectieranden, bediening, zoom en verschuiving komen niet in de bestanden.
Opslaan, privacy en compatibiliteit
Wijzigingen blijven in dit browsertabblad en worden niet geüpload. Downloaden exporteert een afbeelding, geen bewerkbare projectback-up: herladen, de pagina verlaten of de taal wijzigen wist het diagram. Bewaar eerst een SVG of PNG. SVG is geschikt als de bestemming vectorafbeeldingen accepteert en je scherp wilt schalen; PNG is meestal eenvoudiger voor e-mail, chat en documenten die een bitmap verwachten. Deze tool biedt geen accounts, cloudsynchronisatie, samenwerking, AI-diagrammen, sjablonen, automatische indeling, bewerkbare import of garantie dat een andere editor de oorspronkelijke verbindingen kan reconstrueren.
Problemen oplossen
Als een verbinding wordt geweigerd, gebruik dan twee verschillende vormen zonder bestaande pijl in dezelfde richting. Zet vormen verder uit elkaar als ruimte voor de route of het label ontbreekt. Lijnen lopen om vormen heen; labels staan bij het midden van de route zonder vormen of andere labels te overlappen. Verkort te lange namen. Gebruik Passend maken om het beeld terug te vinden en sleep lege ruimte om te verschuiven. Probeer SVG als PNG maken mislukt. Controleer vóór delen elke pijl en de betekenis van de labels.
Veelgestelde vragen
Maakt deze tool een stroomdiagram met tekst of AI?
Nee. Je voegt elke vorm zelf toe, geeft labels, verbindt en positioneert. De tool analyseert geen opdracht en bedenkt geen proces.
Waarom verdwenen verbindingen toen ik een vorm verwijderde?
Een pijl heeft beide eindvormen nodig. Verwijderen van een vorm verwijdert ook alle verbonden pijlen, zodat het bestand geen losse verbindingen bevat.
Kan ik het gedownloade bestand later bewerken?
Veel vectortools kunnen SVG openen, maar deze pagina exporteert een afbeelding, geen projectbestand. Opnieuw importeren en volledig bewerken van verbindingen wordt niet gegarandeerd.
Blijven pijlen verbonden als een vorm verplaatst?
Ja. Editor en exports berekenen pijleindpunten met de huidige posities van bron- en doelvorm.
Wat is het verschil tussen SVG en PNG?
SVG is vectoropmaak die scherp schaalt; PNG is een vaste bitmap van 1.200 × 760. Beide bevatten dezelfde huidige vormen, pijlen en taklabels.