Using ASCII to incorporate diagrams into TW with minimal overheads

232 views
Skip to first unread message

Tom Bush

unread,
Apr 18, 2016, 8:01:42 AM4/18/16
to TiddlyWiki
Hi all

Just wanted to share a site I found that lets you draw in ASCII, which in combination with block preformatted mode in TW lets you add diagrams and mocked-up charts quite easily:

http://asciiflow.com/

Previously I had been trying to use images but obviously the filesize increases pretty rapidly.

Also in my experience this is actually better in terms of workflow as it doesn't require any extra software (plus it looks cool to me).

Cheers
Tom

Devin Weaver

unread,
Apr 18, 2016, 8:38:15 AM4/18/16
to TiddlyWiki
Oh man, And here I've been using Dia this whole time! ASCII is so much prettier then most graphics. I'm feeling nostalgia for green on black terminals.
Message has been deleted

Mark S.

unread,
Apr 18, 2016, 10:13:55 AM4/18/16
to TiddlyWiki
Looks like a wonderful ASCII editor. Too bad it's 2 decades too late ;-)

SVG basically uses a set of text directions keeping the overhead low. That seems like the ticket for serious diagram/drawing presentation in TW5.

Mark
Message has been deleted

Tom Bush

unread,
Apr 19, 2016, 3:44:55 AM4/19/16
to TiddlyWiki
Hah, I get that ASCII is oooold. But it is a nice editor at least ;-)

Just wondering then, could someone post a workflow that doesn't require me to go outside of the browser to create simple SVG graphics I can paste in without drag and drop/saving locally/needing extra software?

I have a locked down work PC but need to keep everything in one file rather than linked.

Duarte Farrajota Ramos

unread,
Apr 20, 2016, 10:11:19 PM4/20/16
to TiddlyWiki
I really like SVG as an illustration format, though I generally use Inkscape to do it.

For online editing I found these two from a quick google search
https://github.com/SVG-Edit/svgedit (click the Try SVG-edit here link to use it)
or http://editor.method.ac/ though I've never used any of them

If you say you are on a locked down environment PortableApps may be a good solution if basic online editing doesn't cut it, depending on how locked down your environment is.
Inkscape is available as a Portable App, suitable for running from a USB drive taking all your settings with you

Ste Wilson

unread,
Apr 21, 2016, 7:37:11 AM4/21/16
to TiddlyWiki
I'm using http://editor.method.ac/ to do simple svg files. It's a nice simple editor that allows you to save to desktop and to load up previously created svg files. I then upload to dropbox folder running https://www.pancake.io/ then linking the image in my tiddly with [img[http://username.pancakeapps.com/directory]]

Ste Wilson

unread,
Apr 21, 2016, 7:55:44 AM4/21/16
to TiddlyWiki
http://editor.method.ac/ also lets you view the svg source so you could cut and paste that directly into a tiddler.

Martian

unread,
Apr 21, 2016, 4:48:14 PM4/21/16
to TiddlyWiki
If you are looking for drawing UML diagrams then please look at PlantUML lib which generate nice SVG diagrams based on simple text scripts.
Here you can find post with TW5 plugin for it.

понедельник, 18 апреля 2016 г., 15:01:42 UTC+3 пользователь Tom Bush написал:

Tom Bush

unread,
Apr 26, 2016, 2:46:10 PM4/26/16
to TiddlyWiki
Thanks all, will check these out!

All the best
Tom

Reply all
Reply to author
Forward
0 new messages