53 comments

[ 2.7 ms ] story [ 107 ms ] thread
Chracters all appear as tofu on iOS safari.
That's because your browser is too narrow to display the text, so it's wrapping.
I wish there was a feature to double click a phrase and auto draw the ASCII box around it.
If it had that, somebody would wish you could draw arrows, move and resize boxes by dragging, etc. Then you've got a full blown ASCII drawing program. They already exist as a few people have mentioned in this thread. So you can use them for what they're good at and copy/paste their output into ShakeyDraw.
If you're on macOS, definitely check out Monodraw [1] as a quick and easy way to create such diagrams (then copy + paste into ShakyDraw). Just remember to set your document alphabet to ASCII and you're good to go (from the inspector).

Full disclosure: I'm the developer of Monodraw. If you have any questions, happy to answer here.

[1] https://monodraw.helftone.com

This is really great! Is there a way to paste/import a previously exported graph and preserve edit capabilities?
That's a very good question that comes up quite often. Unfortunately, that's not currently supported :(

In fact, it's technically impossible to recover all the information that was originally present in the Monodraw document because the conversion to text is inherently lossy. Now, you can probably try to use some heuristics to recover as much information as possible (e.g., detect boxes, arrows). That would certainly work in many simple cases where there's no overlapping shapes.

Having said that, I've got other, higher priority updates planned in the pipeline before I can even consider whether to tackle this problem.

you could maybe embed the original ascii, or a meta representation of it in the generated image?
Should I use moondraw with a wacom tablet, or just the trackpad?
I would say trackpad, it's less drawing - more diagrams.
Monodraw is awesome. Some folks in my team use it to create page layout prototypes (to force minimalism)
Windows really needs a Monodraw.
It's pretty lame to promote your product on someone else's thread. Just saying.
It's called marketing a relevant product to a relevant crowd. Just saying.
That looks great! What are the export formats? This would be a fantastic way to create TikZ diagrams.
It supports text (ASCII and Unicode modes), PNG and SVG.
Great! The easy problem is solved. Now let's do the reverse so that I can hand-draw ditaa diagrams.
That's exactly what I was going to say - the "hand drawn" diagram on the right is better looking, but the left hand is far more accessible and arguably have more utility.

That said, this is a really cool demo.

I was just thinking that. It should go both ways :D
(comment deleted)
There are tools available to draw ASCII diagrams easily, like asciiflow.com or asciidraw.com. Their output can be directly pasted into ShakyDraw.
And where is stated mraleph codebase to go from ascii to an image? I'd like a command line tool to convert locally, or this open sourced so I can host a local version.
I want the opposite. Draw a block diagram on paper, scan it, and get a super swank omnigraffle-style diagram from it (or a top-notch ASCII art diagram).
I use the DrawExpress app for exactly that. It's brilliant.

http://www.drawexpress.com/

Fantastic idea. I'd love a web-based version I could use on the laptop.
This looks great. I can't say the same about their website which feels like a mess and really doesn't sell what otherwise seems like a very useful app.
Just bought this now, after watching the video and trying out the "lite" version on Android. It really is brilliant.
wow that was actually really cool just watching the demo; if I weren't currently in debt to the app store I'd totally try it
Came here wanting this, found it in the comments. OP, it's cool and all - but I'm never going to manually type out box diagrams. I don't write e-zines or NFO's for warez releases.
While going the other way is not possible directly, but you can use something like asciiflow.com to make a ASCII diagram easily and paste it in ShakyDraw.
This is what I came here to say. It's easy to draw freehand. It's painfully slow to draw with ASCII.
Well executed solution to a problem I don't understand as one that needs solving?
Very useful and would be more useful in form of an API that could be used with Markdown text.
We need ShakyDraw + Asciiflow to be 1 instrument
In Edge I'm getting the following error which means no diagram gets rendered:

    SCRIPT5007: Unable to get property 'ready' of undefined or null reference
    bundle.min.js (1,5413)
Oops! Will take a look into it and fix this right away.
hmm. isnt this like more difficult than actually drawing it?
I thought that at first - but what if you want a digital copy; what's the plainest, whitest thing you can find to draw on, and do you have a scanner?

Obviously a lot of the time if you're going to the deliberate trouble of creating a digital image, you'd probably prefer it didn't look hand drawn... but I can imagine seeing it in repo readmes; that sort of thing. Actually that's quite appealing - because you could source control the ASCII too.

this page has to be bookmarked. well done
(comment deleted)
(comment deleted)