MermaidJS Example: sequence diagram

sequenceDiagram
participant User as User
participant Browser as Web Browser
participant Server as Web Server
participant DB as Database
participant API as External API

User->>+Browser: Enter URL
Browser->>+Server: HTTP Request
Server->>+DB: Query Data
DB-->>-Server: Response Data
Server->>+API: Request External Data
API-->>-Server: Response External Data
Server-->>-Browser: HTTP Response
Browser-->>-User: Display Content
External APIDatabaseWeb ServerWeb BrowserUserExternal APIDatabaseWeb ServerWeb BrowserUserEnter URLHTTP RequestQuery DataResponse DataRequest External DataResponse External DataHTTP ResponseDisplay Content