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.

ASCII diagram creator

269 pointsby whiskersalmost 14 years ago

20 comments

Luytalmost 14 years ago
Perl has a module called 'Graph::Easy' which can create a diagram from a graph automatically, and can also do ASCII-output. See <a href="http://bloodgate.com/graph-demo" rel="nofollow">http://bloodgate.com/graph-demo</a> for an interactive demo.<p><pre><code> [Sun] -- [Pear] [Apple] --&#62; [Pear] [Pear] -- [fruit] --&#62; [Pineapple] [Pear] --&#62; [Cherry] [fruit] ==&#62; [Done] </code></pre> Renders to:<p><pre><code> +--------+ | Cherry | +--------+ ^ | | +-------+ +--------+ +-------+ +-----------+ | Apple | --&#62; | Pear | --- | fruit | --&#62; | Pineapple | +-------+ +--------+ +-------+ +-----------+ | H | H | v +--------+ +-------+ | Sun | | Done | +--------+ +-------+</code></pre>
评论 #2652058 未加载
评论 #2652300 未加载
thristianalmost 14 years ago
Some ideas for more features:<p><pre><code> ,----------------. | Round-cornered | | boxes | `----------------' -+ | &#62;- Stretchy braces | -+ </code></pre> Also, GUI control mockups:<p><pre><code> ( Buttons ) [ Dropdown lists |v] [X] Checkboxes (o) Radio buttons Sliders: ---|---------- +-------------^ | Scroll bars # | # | | | v &#60;----######--&#62; Spin-boxes: [ 37.0 |:] </code></pre> ...you get the idea.<p>Being able to select drawn items and move them around after the fact would also be great.
评论 #2651957 未加载
ZeWarenalmost 14 years ago
What about ASCIIO? It's great because it allows you to move and connect the blocks after you created them. It's great to document source code.<p><a href="http://search.cpan.org/dist/App-Asciio/lib/App/Asciio.pm" rel="nofollow">http://search.cpan.org/dist/App-Asciio/lib/App/Asciio.pm</a>
otalmost 14 years ago
Needless to say, Emacs can do it (M-x artist-mode)
评论 #2651892 未加载
mootothemaxalmost 14 years ago
Honestly? This is the first online wireframing tool that I've been able to use and <i>instantly</i> display what I want.<p>Great work!
scrrralmost 14 years ago
Just needed this the other day and found this application: <a href="http://www.jave.de/" rel="nofollow">http://www.jave.de/</a> More features, but also feels more complex.<p>Screenshot: <a href="http://www.jave.de/screenshots/60rc2_screenshot.png" rel="nofollow">http://www.jave.de/screenshots/60rc2_screenshot.png</a>
mixmastamykalmost 14 years ago
Reminds me of TheDraw from back in the day:<p><a href="http://en.wikipedia.org/wiki/TheDraw" rel="nofollow">http://en.wikipedia.org/wiki/TheDraw</a>
sentealmost 14 years ago
I know this is a beta, but one suggestion: have an option to export the HTML wrapped in a div/span/pre/&#60;something&#62; which has a monospace font style, this would make it truly effortless to export the html and save it as-is.<p>Also I couldn't figure out how the arrow cursor worked or what one was supposed to do with it.<p>my remarks aside, very cool app!
评论 #2651907 未加载
Groxxalmost 14 years ago
I'm really enjoying this, the utter simplicity of it has a certain appeal. I would really like the ability to add columns / rows at the <i>cursor</i> position, though. Moving things around / feature heaven / hell would be fun, but <i>that</i> I think would be a net improvement without breaking the simplicity at all.
ericbbalmost 14 years ago
Cool! This is something I wanted to have and had started making for myself. Mine is much less useful than asciiflow but the thing I like most about it is that it allows writing and drawing more in the way I use my notebook. It's easy to write little blocks of text that aren't aligned along the left margin.<p>Feature request: In text mode, assign &#60;enter&#62; to move the cursor down a line and to the column that text entry began.<p>Here's my prototype: <a href="http://norstrulde.org/tty/tty.html" rel="nofollow">http://norstrulde.org/tty/tty.html</a>
wrricealmost 14 years ago
I like this. I like this a lot. This is perfect for someone who just needs to get a few thoughts together and can't be bothered with firing up Dia or something similarly bloated.
评论 #2651809 未加载
b0rsukalmost 14 years ago
This is very cool. And you can quickly create mockups for roguelike levels.<p><pre><code> +-------+ +------------+ +---------------+ | | | &#62; | -4/124 | | || &#60; | +---+%%% | 15/15 | &#62; = | | | | |% \ | | +--------+ % | | | !! | | % | | | | | | +----+ | % | | | | | | |% | +---------------+ | %% +-+ +-----+------+ | | | | | | &#62;| | | | |" | | % | | +-+--+ +----+--+ +---------+ | +---------+ | | | |(( | | +------------+ +---+-----+--+ | ( O | | |~~ P | | | | @K % | | |~~~~ &#60; +--+ % / | | % Y | | |~~~ | +------------+ | % Y | | | | | c Y---------+----+ ] | Slow Poisoned | | | + +---------+ | | | &#60; | +------------+ D:24 You teleport. The centaur shoots an arrow of flame. The arrow hits you. You die... Xom says:"I guess I need a new plaything now."</code></pre>
linker3000almost 14 years ago
Must you young'uns always try and reinvent the wheel?<p>Thedraw FTW: <a href="http://www.syaross.org/thedraw/" rel="nofollow">http://www.syaross.org/thedraw/</a><p>Now get off my LAN
评论 #2652272 未加载
评论 #2652268 未加载
richbradshawalmost 14 years ago
This would make a good nethack level editor!
评论 #2690969 未加载
bobblesalmost 14 years ago
If this was a standalone application it would replace my notepad usage for notetaking 100%...
评论 #2651853 未加载
zentechenalmost 14 years ago
Too clever. Can VIM do it too?
评论 #2652120 未加载
bifrostalmost 14 years ago
This is one of the best things I've seen all week. I hate traditional flowcharting tools, they're wonky and a pain when you have to convert them to anything else. ASCII is the portable data format basically.
gravitronicalmost 14 years ago
Very nice website!<p>I tried to do the same with a 28x4 canvas with unicode for twitter, but client and host unicode rendering differences turn it into an unintelligible mess most of the time (www.draw140.com)
ck2almost 14 years ago
Oh wow, nice.<p>Just what I needed to make a directory tree example for a readme.txt
chromicalmost 14 years ago
Awesome! Bookmarked for future usage.