Mermaid — flow- en sequentiediagrammen

Voor "hoe loopt het?"-vragen in een meeting: schrijf het diagram als tekst in een <pre class="mermaid"> en het wordt automatisch getekend.

flowchart LR
    MZ["Mantelzorger"] -->|"upload foto"| Portal["Mijn Mr illi"]
    Portal --> API["client-api"]
    API --> GW["stream-gateway"]
    GW -->|"push"| TV["TV bewoner"]
    TV -->|"haalt foto op"| CDN["CDN"]
        

sequenceDiagram
    participant TV
    participant Zorg as Zorgmedewerker
    participant Portal as Mijn Mr illi
    TV->>TV: Toont koppelcode
    Zorg->>Portal: Vult koppelcode in
    Portal->>TV: Apparaat gekoppeld
    TV->>TV: Start dagprogramma