MermaidJS Example: sequence diagram

Full Screen
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