Typograms: A definition and renderer for ASCII diagrams
Thank you, this looks really useful!<p>One more ASCII-based tool that you could add into your workflow is
<a href="https:&#x2F;&#x2F;arthursonzogni.com&#x2F;Diagon&#x2F;#Sequence" rel="nofollow noreferrer">https:&#x2F;&#x2F;arthursonzogni.com&#x2F;Diagon&#x2F;#Sequence</a>
which can be used to generate the ASCII that you input into Typogram.<p>For example, input:<p><pre><code>  Renderer -&gt; Browser: BeginNavigation()
  Browser -&gt; Network: URLRequest()
  Browser &lt;- Network: URLResponse()
  Renderer &lt;- Browser: CommitNavigation()
  Renderer -&gt; Browser: DidCommitNavigation()

</code></pre>
will output the following sequence diagram:<p><pre><code>  .--------.            .-------.     .-------.
  |Renderer|            |Browser|     |Network|
  &#x27;--------&#x27;            &#x27;-------&#x27;     &#x27;-------&#x27;
      |                     |             |    
      |  BeginNavigation()  |             |    
      |--------------------&gt;|             |    
      |                     |             |    
      |                     |URLRequest() |    
      |                     |------------&gt;|    
      |                     |             |    
      |                     |URLResponse()|    
      |                     |&lt;------------|    
      |                     |             |    
      | CommitNavigation()  |             |    
      |&lt;--------------------|             |    
      |                     |             |    
      |DidCommitNavigation()|             |    
      |--------------------&gt;|             |    
  .--------.            .-------.     .-------.
  |Renderer|            |Browser|     |Network|
  &#x27;--------&#x27;            &#x27;-------&#x27;     &#x27;-------&#x27;
</code></pre>
and then you can perform further edits using something like <a href="https:&#x2F;&#x2F;asciiflow.com&#x2F;" rel="nofollow noreferrer">https:&#x2F;&#x2F;asciiflow.com&#x2F;</a> (web, free) or <a href="https:&#x2F;&#x2F;ivanceras.github.io&#x2F;bob-editor&#x2F;" rel="nofollow noreferrer">https:&#x2F;&#x2F;ivanceras.github.io&#x2F;bob-editor&#x2F;</a> (web, free) or <a href="https:&#x2F;&#x2F;monodraw.helftone.com&#x2F;" rel="nofollow noreferrer">https:&#x2F;&#x2F;monodraw.helftone.com&#x2F;</a> (Mac only, proprietary) as mentioned in other comments.