<story><title>Show HN: Typograms, Markdown-like renderer for ASCII diagrams</title><url>https://code.sgo.to/typograms/</url></story><parent_chain></parent_chain><comment><author>ErikCorry</author><text>This is pretty nice if you have an editor with block mode (like vim) and you are faster with a keyboard than a mouse (most programmers).  It integrates well with text based version control and degrades gracefully in that users who don&amp;#x27;t have the tools and are just looking at the source can probably still read it, and even edit it.&lt;p&gt;I tried using this for the control flow diagrams in V8&amp;#x27;s regexp implementation, which are documented with ASCII art in jsregexp.cc
Results are here: &lt;a href=&quot;https:&amp;#x2F;&amp;#x2F;twitter.com&amp;#x2F;erikcorry&amp;#x2F;status&amp;#x2F;1548954799290421249&quot; rel=&quot;nofollow&quot;&gt;https:&amp;#x2F;&amp;#x2F;twitter.com&amp;#x2F;erikcorry&amp;#x2F;status&amp;#x2F;1548954799290421249&lt;/a&gt;&lt;p&gt;This link explains it better than the page HN links to: &lt;a href=&quot;https:&amp;#x2F;&amp;#x2F;code.sgo.to&amp;#x2F;2022&amp;#x2F;06&amp;#x2F;20&amp;#x2F;typographic-diagrams.html&quot; rel=&quot;nofollow&quot;&gt;https:&amp;#x2F;&amp;#x2F;code.sgo.to&amp;#x2F;2022&amp;#x2F;06&amp;#x2F;20&amp;#x2F;typographic-diagrams.html&lt;/a&gt;&lt;p&gt;It would be an improvement for the page that HN links to if the HTML snippet was surrounded by &amp;lt;body&amp;gt;&amp;lt;&amp;#x2F;body&amp;gt; so it worked out of the box.&lt;p&gt;Tips:&lt;p&gt;Don&amp;#x27;t use underscores for horisontal lines - use dashes (minus signs).&lt;p&gt;A vertical arrow that points at a text will collide with the text unless you add a blank line.&lt;p&gt;Rounded corners are nice.  You get these by using . (period) or &amp;#x27; (single quote) instead of + (plus) to join lines.  Use period to join to a vertical line below the horizontal line, and single quote to join to a vertical line above the horizontal line.</text></comment>
<story><title>Show HN: Typograms, Markdown-like renderer for ASCII diagrams</title><url>https://code.sgo.to/typograms/</url></story><parent_chain></parent_chain><comment><author>jcpst</author><text>Could have something a little more usable if you pasted into a tool like &lt;a href=&quot;https:&amp;#x2F;&amp;#x2F;asciiflow.com&amp;#x2F;&quot; rel=&quot;nofollow&quot;&gt;https:&amp;#x2F;&amp;#x2F;asciiflow.com&amp;#x2F;&lt;/a&gt; and then copied your edits back into source.&lt;p&gt;Or an editor plugin with something like the automatic table formatting you get with emacs org-mode.</text></comment>