K Cartlidge

C#, .Net Core, Golang, Node, Python/Flask, Ruby/Rails, PHP.

Sequence diagram creator

Sequence diagrams can be great visual representations of how systems interact, messages flow, and processes function.

Thanks to the js-sequence-diagrams Javascript tool, I've put together a one-page site that lets you create those diagrams, view and download them, and send them as an encoded link.

An example

Here's the example with the definition that generated it, as presented by default when you land on the site.

Sample Sequence Diagram


participant Client\nSites as C
participant Identity\nService as I
participant API\nGateway as G
participant Business\nServices as S
participant Data\nServices as D
participant Postgres\nDatabase as DB

Note over C,G : HTTPS
C -> I : User, Password
I --> C : JWT
C -> G : Auth header (Bearer JWT)

Note over G,D : HTTP
G -> S : Headers
S -> D : Headers

Note over D,DB : TCP/IP
D -> DB : Connection\nString

Note right of DB: Stored procs\n and views
DB --> D :
D --> S :
S --> G :
G --> C :