Convert ASCII scribbles to SVG | Hacker News Reader

Convert ASCII scribbles to SVG

github.com

58 pointslaktak13 comments

Author here and I'm surprise to see this here. I haven't maintained this elm version. I've created a rust version[0] and it's practical usage incorporated into markdown[1]. A MacOS app can be downloaded [2]. Pay what you want so I can improve the app in the future.

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

[1] https://ivanceras.github.io/spongedown

[2] https://sellfy.com/p/SsQS/

[Edit: I just realized that the demo page is editable after it finishes the first render. So kudos for that! Does the newer rust version handle the wavy body and arm lines better than the OP elm project link?]

This is cool, but I'm a bit sad that the spongebob artwork doesn't have a converted result. Diagrams are well and good (and those diagrams are great), but demoing it on a more picture-y picture would show another aspect of potential versatility.

https://ivanceras.github.io/spongedown/complex/Ascii_art.htm... errors out

    rustc 1.17.0 (56124baa9 2017-04-24)
    error: unknown start of token: `
     --> <anon>:8:1
      |
    8 | ```bob
      | ^

Oh, the playpen was a hack to just display the source code of the graph, but not for rust execution.

How do you avoid collisions between the text and the lines?

I've used SVG for editable flow diagrams, and even with a sans mono font the OS's text rendering engine can give different widths for the same pixel size font. My solution was a kludge-- measure the rendered font in a hidden HTML5 canvas.

If you wonder where ASCII scribbles come from, I use http://asciiflow.com/ all the time for READMEs.

Sorry for shameless plug, but there's also my http://textik.com, which is for more structured editing, and also written in Elm.

Such a great app. Use it all the time for code comments and readmes.

This is awesome! I'm trying to dig out early 90s warez/gamez nfo files to run through this thing!

https://ivanceras.github.io/svgbob/build/ is a working demo of the project, showcasing a good deal of the lines and features available.

Don't know when I would use this, but that doesn't stop me from being very impressed.

Nevermind the svg, what is used to generate those ASCII charts!?

There is a graphical app for linux called asciio. Allows you to draw ascii graphs

Reply on news.ycombinator.com