TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Show HN: Spongedown – markdown renderer with ascii diagram support

62 pointsby ivancerasover 8 years ago

6 comments

fizzbatterover 8 years ago
This is cool! Though, it still leaves me with my biggest problem: I have no idea how to efficiently draw the diagrams in the first place. Ascii diagrams are not easy to draw (for me, atleast).<p>The best i&#x27;ve seen is a GUI tool that creates the diagrams. That tool really is awesome (<a href="https:&#x2F;&#x2F;monodraw.helftone.com&#x2F;" rel="nofollow">https:&#x2F;&#x2F;monodraw.helftone.com&#x2F;</a>), but it&#x27;s a GUI tool and frankly supports complexity&#x2F;features far greater than i really need most of the time.<p>I&#x27;d love a project that took some type of simple text based flow notation, and converted it to ascii flow diagrams. Eg:<p><pre><code> main: something -&gt; other thing -&gt; [ thing a, thing b, thing c] thing a: thing a -&gt; thing b thing c: thing c -&gt; thing b </code></pre> In this mockup, my desired tool would take this simple non-artistic notation and convert it to a flow diagram showing a `something` object leading into an `other thing` object, which branches to three objects called `thing a`, `thing b`, and `thing c`. Each of those have their own flows as well, as noted by their own respective definitions. `thing a` leads over to `thing b`, `thing c` to `thing b`, and `thing b` doesn&#x27;t actually do anything.<p>I love ascii diagrams, but i never want to construct them by hand. Writing them out in some simple notation like above would be awesome! Also note that i&#x27;m not expecting this to be insanely feature packed.. it sort of defeats the purpose of a simple notation. But being able to just construct them quickly as a starting point would be awesome. Advanced tools like Monodraw can take the complicated work.
评论 #12837851 未加载
评论 #12838364 未加载
评论 #12837939 未加载
ivancerasover 8 years ago
This is an iteration of my previous submission[0] with improvements from the comments and feedback. It is now embeddable in a markdown, and the generated SVG is now optimized to it&#x27;s size.<p>[0]<a href="https:&#x2F;&#x2F;news.ycombinator.com&#x2F;item?id=12621680" rel="nofollow">https:&#x2F;&#x2F;news.ycombinator.com&#x2F;item?id=12621680</a>
repleteover 8 years ago
This looks very cool.<p>Do people actually manually write ASCII diagrams like that?<p>This is a great place to use Mermaid (<a href="https:&#x2F;&#x2F;github.com&#x2F;knsv&#x2F;mermaid" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;knsv&#x2F;mermaid</a>)
评论 #12842414 未加载
评论 #12840279 未加载
kingosticksover 8 years ago
Is this designed to be used or just a proof of concept? If the former then maybe some installation hints in the readme would be a good idea. As someone with no exposure to rust I have no idea what to do with this.
评论 #12842382 未加载
binarycrusaderover 8 years ago
My favorite take on this is Markdeep:<p><a href="http:&#x2F;&#x2F;casual-effects.com&#x2F;markdeep&#x2F;" rel="nofollow">http:&#x2F;&#x2F;casual-effects.com&#x2F;markdeep&#x2F;</a>
piotrjurkiewiczover 8 years ago
Looks nice, but an opposite tool would be more interesting for me.
评论 #12839841 未加载
评论 #12842335 未加载