Show HN: ShakyDraw – Hand-drawn block diagrams from plain text

  • 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

  • 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).

  • Great! The easy problem is solved. Now let's do the reverse so that I can hand-draw ditaa diagrams.

  • In a perfect world, everything is generated from ASCII diagram sources: https://github.com/sigvef/sigvehtml .

  • If you like this, try SvgBobRus[0], which also converts plain-text diagrams into graphics (and has a larger vocabulary). There's also Spongedown[1], which makes it possible to embed these diagrams in your Markdown files and render the whole thing to HTML + SVG.

    [0] https://github.com/ivanceras/svgbobrus [1] https://github.com/ivanceras/spongedown

  • Well executed solution to a problem I don't understand as one that needs solving?

  • 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.

  • Aw. I wrote something last year to translate old documents with plain text boxes and arrows to Unicode line drawing characters. This was a small part of another project. It's here:

    https://github.com/John-Nagle/pasv/blob/master/src/Util/picf...

  • Chracters all appear as tofu on iOS safari.

  • 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)

  • We need ShakyDraw + Asciiflow to be 1 instrument

  • Damn useful and easy to create flow diagrams.

  • Very useful and would be more useful in form of an API that could be used with Markdown text.

  • I wish there was a feature to double click a phrase and auto draw the ASCII box around it.

  • hmm. isnt this like more difficult than actually drawing it?

  • this page has to be bookmarked. well done

  • http://www.asciidraw.com/#Draw

    ^This is what I use to generate the boxes and other useful shapes & then put that into shakydraw.