Sequentiediagrammen

Documenteer interacties tussen verschillende actoren of systemen in de tijd. Ideaal voor API-documentatie en systeemontwerp.

DiagrammenOpen de hoofdeditor

Wat is Sequentiediagrammen?

Sequentiediagrammen zijn UML-interactiediagrammen die laten zien hoe objecten of systemen in de loop van de tijd met elkaar communiceren. Ze tonen de chronologische volgorde van berichtenuitwisseling tussen verschillende actoren, waardoor ze van onschatbare waarde zijn voor het documenteren van API-stromen, systeeminteracties en meerstappenprocessen. Elke deelnemer wordt weergegeven door een verticale levenslijn, met horizontale pijlen die berichtenuitwisselingen tonen.

Bewerken en preview

Bouw een Sequentiediagrammen met Mermaid-syntaxis en zie wijzigingen direct.

Editor

100%

Example

Sequence diagram example

A Mermaid sequence diagram for documenting browser, editor, and renderer interactions.

Mermaid code

sequenceDiagram
    participant User
    participant WebApp as Mermaid Editor
    participant Renderer
    User->>WebApp: Paste diagram code
    WebApp->>Renderer: Render Mermaid syntax
    Renderer-->>WebApp: SVG preview
    WebApp-->>User: Download PNG

Veelvoorkomende toepassingen

API-documentatie

Documenteer API-eindpunten en hun interactiestromen. Visualiseer verzoek-antwoordcycli, authenticatiestromen, foutafhandeling en gegevensuitwisselingen tussen client en server.

Microservices-architectuur

Breng communicatiepatronen tussen microservices, berichtenwachtrijen en databases in kaart. Essentieel voor het begrijpen van gedistribueerd systeemgedrag en het debuggen van integratieproblemen.

Authenticatie & autorisatie

Modelleer meerstaps authenticatieprocessen zoals OAuth, SAML of JWT-tokenstromen. Toon de volgorde van omleidingen, tokenuitwisselingen en validatiestappen.

Systeemintegratie

Visualiseer hoe verschillende systemen interageren in complexe integratiescenario's. Documenteer webhook-callbacks, event-driven architecturen en integraties met externe services.

Belangrijkste functies

Deelnemersbeheer

Definieer meerdere actoren, systemen of services met aliassen en activeringsblokken om te laten zien wanneer componenten actief verwerken.

Berichttypen

Ondersteuning voor synchrone aanroepen, asynchrone berichten, retourwaarden en zelfaanroepen met verschillende pijlstijlen voor duidelijkheid.

Besturingsstructuren

Modelleer lussen, voorwaardelijke vertakkingen (alt/else), optionele blokken en parallelle verwerking met intuïtieve syntaxis.

Notities & annotaties

Voeg verklarende notities toe op elk punt in de sequentie om context te bieden, bedrijfslogica te verduidelijken of randgevallen te documenteren.

Best practices

Focus op één scenario

Elk sequentiediagram moet een enkel gebruiksgeval of interactiestroom vertegenwoordigen. Maak aparte diagrammen voor verschillende scenario's in plaats van alles te combineren.

Gebruik betekenisvolle namen

Geef deelnemers duidelijke, beschrijvende namen. Gebruik daadwerkelijke servicenamen of roltitels in plaats van generieke labels zoals 'Systeem A' of 'Component 1'.

Toon foutpaden

Documenteer niet alleen het succespad. Neem ook alternatieve stromen op voor foutcondities, time-outs en uitzonderingsafhandeling.

Houd tijd van boven naar beneden

Volg de conventie dat tijd van boven naar beneden stroomt. Eerdere interacties moeten hoger in het diagram verschijnen dan latere.

Ontdek andere diagramtypen

Stroomdiagrammen

Visualiseer processen, workflows en algoritmen met knooppunten en gerichte pijlen. Perfect voor bedrijfsprocessen en beslisbomen.

Klassediagrammen

Modelleer objectgeoriënteerde systemen met klassen, attributen en relaties. Essentieel voor het plannen van softwarearchitectuur.

Toestandsdiagrammen

Geef toestandsovergangen in systemen of applicaties weer. Uitstekend voor het modelleren van levenscyclustoestanden en workflows.

Gantt-diagrammen

Plan en volg projecttijdlijnen met taken en afhankelijkheden. Perfect voor projectmanagement en planning.

ER-diagrammen

Ontwerp databaseschema's met entiteiten en relaties. Ideaal voor databasemodellering en documentatie.

Gebruikersreis

Breng gebruikerservaringen en interacties over contactpunten in kaart. Uitstekend voor UX-ontwerp en klantreis-mapping.

Git-grafieken

Visualiseer Git-branchingstrategieën en commitgeschiedenissen. Handig voor het uitleggen van versiebeheerworkflows.

Mindmaps

Organiseer ideeën, brainstorm concepten en maak hiërarchische visuele structuren. Perfect voor planning en kennismapping.

Cirkeldiagrammen

Toon proportionele gegevensverdelingen met ronde grafieken. Ideaal voor het weergeven van percentages en marktaandeelverdelingen.

Tijdlijnen

Visualiseer chronologische gebeurtenissen en mijlpalen langs een tijdas. Uitstekend voor projectgeschiedenissen en roadmaps.

Kanbanborden

Organiseer taken in kolommen die workflowfasen vertegenwoordigen. Perfect voor agile projectmanagement en taakbeheer.

Kwadrantdiagrammen

Plaats items op een twee-assig raster om te vergelijken en te prioriteren. Ideaal voor functieprioritering en strategische analyse.

Sankey-diagrammen

Visualiseer stroomhoeveelheden tussen knooppunten met proportionele pijlen. Perfect voor energiestromen, budgetallocatie en conversiefunnels.

XY-grafieken

Maak staafdiagrammen en lijngrafieken met aanpasbare assen. Ideaal voor datavisualisatie en trendanalyse.

Blokdiagrammen

Bouw gestructureerde lay-outs met blokken in kolommen en rijen. Uitstekend voor systeemarchitectuur en componentoverzichten.

Architectuurdiagrammen

Ontwerp cloud- en systeemarchitectuur met service-iconen en verbindingen. Perfect voor infrastructuurdocumentatie.

Pakketdiagrammen

Visualiseer netwerkprotocol-pakketstructuren met bitniveau-veldindelingen. Essentieel voor netwerkprotocoldocumentatie.