5 ms·
Thank you, this looks really useful! One more ASCII-based tool that you could add into your workflow is https://arthursonzogni.com/Diagon/#Sequence https://art
by minhmeoke 3y ago
Thank you, this looks really useful!
One more ASCII-based tool that you could add into your workflow is
https://arthursonzogni.com/Diagon/#Sequence https://arthursonzogni.com/Diagon/#Sequence
which can be used to generate the ASCII that you input into Typogram.
For example, input:
Renderer -> Browser: BeginNavigation()
Browser -> Network: URLRequest()
Browser <- Network: URLResponse()
Renderer <- Browser: CommitNavigation()
Renderer -> Browser: DidCommitNavigation()
will output the following sequence diagram:
.--------. .-------. .-------.
|Renderer| |Browser| |Network|
'--------' '-------' '-------'
| | |
| BeginNavigation() | |
|-------------------->| |
| | |
| |URLRequest() |
| |------------>|
| | |
| |URLResponse()|
| |<------------|
| | |
| CommitNavigation() | |
|<--------------------| |
| | |
|DidCommitNavigation()| |
|-------------------->| |
.--------. .-------. .-------.
|Renderer| |Browser| |Network|
'--------' '-------' '-------'
and then you can perform further edits using something like https://asciiflow.com/ https://asciiflow.com/ (web, free) or https://ivanceras.github.io/bob-editor/ https://ivanceras.github.io/bob-editor/ (web, free) or https://monodraw.helftone.com/ https://monodraw.helftone.com/ (Mac only, proprietary) as mentioned in other comments.
- kiitos 3y agoBut like, why not just use that ASCII sequence diagram directly? Renderer Browser Network ======== ======= ======= | BeginNavigation | | |--------------------->| | | | URLRequest | | |------------->| | | | | | URLResponse | | |<-------------| | | | CommitNavigation | |<---------------------| | | | DidCommitNavigation | |--------------------->| | This took me like 45 seconds to produce in Visual Studio Code.