Show HN: Spongedown(ivanceras.github.io)

64 pointsby ivancerasvor 9 Jahren28 comments

ivanceras.github.io

http://ivanceras.github.io/spongedown-editor/

10 comments

jbob2000vor 9 Jahren

This is cool, but why would I want to draw diagrams like this? There's a plethora of tools out there that make drawing diagrams pretty simple, why do I want to do it with text? I'd drive myself crazy - every time you change one character in the diagram, you have to shift all the other characters on the line.

I don't mean to be condescending, but.. whyyy? It just seems so fragile to be doing complex diagrams in plain text like that.

scardinevor 9 Jahren

While ascii art is not easy to edit (it is simple enough for many uses) it shares all other advantages of readable plain text formats.

I loved it.

gravypodvor 9 Jahren

If you made a Spongedown vi/emacs/nano editor that had paint-like features (place speech bubble, place resistor, place trace, place line, etc) then this would become practical.

teddyhvor 9 Jahren

Emacs: M-x artist-mode

Shift-MouseButton2, select Drawing → Rectangle

fimdomeiovor 9 Jahren

I do ascii diagrams all the time. I use Monodraw for that. From a design point of view the restrictions it imposes also create a consistent look and feel. Everything is aligned to a grid, boxes arrows, text. I never lose any time trying to make things look good as I would with another tool. Also there's the added bonus that since I'm the only one using it amongst the people I work with. When anyone sees it they know... it's a technical drawing from that guy.

yoz-yvor 9 Jahren

I could understand this as an interchange format. However for it to be really useful it should be accompanied by a GUI tool that allows you to only draw diagrams which are unambiguously representable as ASCII. Then you could use the tool to draw comfortably and only use the text as an evergreen format.

ivancerasvor 9 Jahren

This is inspired by my first project when I was still a student(2002's). One of my professor wanted to have an application that does a question and answer test for his electric/electronic class. He wanted to fit on a floppy disk, and can be distributed to all of his students. The questionnaires was then encoded in plain text and I made a parser to go through each of the questions and their corresponding choices/answer. I skipped on questions that has diagrams and figures, since the program will only run on the terminal and I don't know any simple document formats at that time.

Jachvor 9 Jahren

http://asciiflow.com/ is invaluable for some pretty quick ASCII diagramming that I can paste into source code or chat or wherever later. But I like that they don't have a billion charting components, it keeps things simple, and if I want it to actually look nice for a presentation or long-living documentation I'm going to use a real charting/diagramming tool... svgbob is neat but I can't imagine a situation where I'd want an ASCII circuit diagram vs a shot of one from a tool like Eagle.

tenryuuvor 9 Jahren

Unsure what you did wrong, but this took about a minute to process the panel on the right, before firefox crashed, taking the whole system with it.

Had to hard reset on from the physical button

From my phone camera; https://my.mixtape.moe/rkoydo.jpg

mishoovor 9 Jahren

+1, but I tried patiently to move the mouse over the X (close tab button) and clicked a few times... one minute later it closed and I got away without a hard reset.

segf4ultvor 9 Jahren

This also crashed firefox on Linux for me.

ivancerasvor 9 Jahren

I also experience crashes from time to time. The project is compiled into webassembly(wasm), and I think the wasm has yet to be tested more with bigger code base.

tenryuuvor 9 Jahren

Might be that the version of firefox I was using (since it's a lab machine) is outdated. Wasm is right now bleeding edge technology, so it's going to be a bit of a weird side for a while as machines are updated for compatibility

ivancerasvor 9 Jahren

Yeah, I'm guessing that too. When I load the page in firefox my new ubuntu 16 machine randomly freezes, had to reset and update the drivers suspecting it was some hardware/driver issue. However, chrome is working pretty well.

bobinatorinovor 9 Jahren

Really, really, slow. Crashed my computer. Interesting idea, though.

ivancerasvor 9 Jahren

I've really wanted to put up a server to the rendering api on the server side, but I don't have to resources for it yet, so I leverage on doing the rendering on the client side.

nicoritschelvor 9 Jahren

Probably a great candidate for some FAAS (AWS Lamda, Google Cloud Functions)

peternickyvor 9 Jahren

When you say "resources", do you mean money or time?

ivancerasvor 9 Jahren

money

[deleted]vor 9 Jahren

Ezhikvor 9 Jahren

Really don't find ASCII -> Diagrams very useful, but I'm surprised this is the first time I've seen inline CSV rendering like that.

notheguyouthinkvor 9 Jahren

I like them personally (ASCII Diagrams), but creating them is very difficult. I'm rarely concerned with getting them to other formats, my goal when creating them was a text representation.

I use Monodraw to draw mine, fwiw. It also outputs images/svg/etc if you like.

ivancerasvor 9 Jahren

The csv rendering isn't a standard in markdown, but I just think it would be nicer to have it render same as the table, since csv is a readable plain text format.

exikyutvor 9 Jahren

I get

  Uncaught RangeError: Maximum call stack size exceeded

after about 30 seconds.

xnxnvor 9 Jahren

I liked this a lot. It was fun pasting some of my diagrams in to see how svgbob rendered them.

I think I still prefer a monospaced font in the SVG (but that's easy to do with CSS).

ivancerasvor 9 Jahren

The shapes on the svg is adjusted to fit with source diagrams I've found anywhere online. If you have some interesting diagrams that are a bit off on the render, please don't hesitate to show it, or file a bug on the github repo.

simlevesquevor 9 Jahren

Takes 10 seconds to load on a Xeon...

loneswordvor 9 Jahren

Does not look good on mobile browser

wjvdhoekvor 9 Jahren

This is awesome, great job!