Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Generate Flowcharts from Text

flowchart.fun

Post reply on HN
Print view View original

111–120 of 135 posts

Re: Generate Flowcharts from Text

#111

Post by prosaic-hacker »

Box line Text sort of does what I want. https://github.com/jncraton/box-line-text

The blank or edit file can be saved locally as URL or .HTM file and can be reloaded and continue to be edited.

The UI is missing help, its only on the github page. Since its just a html file I embedded the help in a comment in the page. I just view source to look it up. It only adds a few hundred byte to each file.

Some functions don't work for me. When I get a round tuit I will will try to figure out how it works.

In spite of this it is enough to create impromptu drawings to support a lecture. I save them and give it to the students as part of the notes.

Re: Generate Flowcharts from Text

#114

Post by slaymaker1907 »

lifeisstillgood wrote: post #67

I have come to the conclusion there are two kinds of audience and two kinds of diagram, abs they almost exactly overlap 1. Engineering diagrams, explaining concepts to other engineers who are using the diagram as a jumping off point to deeper explorations 2. "Business" diagrams - the sort of thing we want to see in a Medium article or presentation. The style and correct placement matters far more than engineering. Th…

Just use SVG plus d3. Only trick is coming up with a pipeline to convert this into a pdf or png so that it is easier to use outside the web.

I only throw in D3 because it does have some features which make SVGs more maintainable and easy to write, but I've written many SVGs by hand over the years and it really isn't nearly as bad as many people think it is. I suspect a lot of people think it is very difficult because they only look at the terrible SVGs generated by GUI tools.

Re: Generate Flowcharts from Text

#115

Post by everybodyknows »

lifeisstillgood wrote: post #67

I have come to the conclusion there are two kinds of audience and two kinds of diagram, abs they almost exactly overlap 1. Engineering diagrams, explaining concepts to other engineers who are using the diagram as a jumping off point to deeper explorations 2. "Business" diagrams - the sort of thing we want to see in a Medium article or presentation. The style and correct placement matters far more than engineering. Th…

For (1), I am sold on goat. ASCII art to SVG, from the command line:

https://github.com/blampe/goat

Embed diagrams in source code comments; build script greps through and writes out an SVG. A caveat is that to be adequately productive, you need rectangle-oriented editing, such as with Emacs’ “M-x string-rectangle”.

Re: Generate Flowcharts from Text

#116

Post by hrishi »

slaymaker1907 wrote: post #114
lifeisstillgood wrote: post #67

I have come to the conclusion there are two kinds of audience and two kinds of diagram, abs they almost exactly overlap 1. Engineering diagrams, explaining concepts to other engineers who are using the diagram as a jumping off point to deeper explorations 2. "Business" diagrams - the sort of thing we want to see in a Medium article or presentation. The style and correct placement matters far more than engineering. Th…

Just use SVG plus d3. Only trick is coming up with a pipeline to convert this into a pdf or png so that it is easier to use outside the web. I only throw in D3 because it does have some features which make SVGs more maintainable and easy to write, but I've written many SVGs by hand over the years and it really isn't nearly as bad as many people think it is. I suspect a lot of people think it is very difficult because…

Could you elaborate on the best way to get started with this specifically? Any articles/tutorials you'd recommend?

I've been meaning to forever but both svgs and d3 are complex enough I'm not sure where to start.

Re: Generate Flowcharts from Text

#117

Post by cush »

slaymaker1907 wrote: post #114
lifeisstillgood wrote: post #67

I have come to the conclusion there are two kinds of audience and two kinds of diagram, abs they almost exactly overlap 1. Engineering diagrams, explaining concepts to other engineers who are using the diagram as a jumping off point to deeper explorations 2. "Business" diagrams - the sort of thing we want to see in a Medium article or presentation. The style and correct placement matters far more than engineering. Th…

Just use SVG plus d3. Only trick is coming up with a pipeline to convert this into a pdf or png so that it is easier to use outside the web. I only throw in D3 because it does have some features which make SVGs more maintainable and easy to write, but I've written many SVGs by hand over the years and it really isn't nearly as bad as many people think it is. I suspect a lot of people think it is very difficult because…

Only trick is the solution to entire problem statement.

restofthefuckingowl.jpg

Re: Generate Flowcharts from Text

#118

Post by augusto-moura »

touisteur wrote: post #57
augusto-moura wrote: post #43

Earlier quoted context omitted.

Pretty small actually, they don't take like hours, but just a few seconds, the problem is the preview feedback, I like to keep a entr and feh open while a edit the document to give a live preview of my changes, the problem is that the 3-4 seconds latency really mess this up

Are you thinking of the default java gui for previewing plantuml docs? I think there's a timer down there to avoid polling the FS too often. Using a simple editor where everystroke recompiles, red warning in status bar while syntax is not OK (while still displaying the last good one), a 100loc canvas display window, done.

It only recompiles whenever I hit save, pretty sure the delay is from java startup time

Re: Generate Flowcharts from Text

#119

Post by slaymaker1907 »

hrishi wrote: post #116
slaymaker1907 wrote: post #114

Earlier quoted context omitted.

Just use SVG plus d3. Only trick is coming up with a pipeline to convert this into a pdf or png so that it is easier to use outside the web. I only throw in D3 because it does have some features which make SVGs more maintainable and easy to write, but I've written many SVGs by hand over the years and it really isn't nearly as bad as many people think it is. I suspect a lot of people think it is very difficult because…

Could you elaborate on the best way to get started with this specifically? Any articles/tutorials you'd recommend? I've been meaning to forever but both svgs and d3 are complex enough I'm not sure where to start.

I would recommend starting with plain SVG and then exploring D3 after. It's best to think of D3 as a combination of jQuery and a geometry library.

For starting with SVGs, just look for a simple tutorial like https://www.w3schools.com/graphics/svg_intro.asp to get a simple template, but focus on learning the path element. The path element is both foundational to a lot of custom SVG stuff and isn't too complicated, sort of like the Basic of graphics.

Re: Generate Flowcharts from Text

#120

Post by detaro »

lifeisstillgood wrote: post #67

I have come to the conclusion there are two kinds of audience and two kinds of diagram, abs they almost exactly overlap 1. Engineering diagrams, explaining concepts to other engineers who are using the diagram as a jumping off point to deeper explorations 2. "Business" diagrams - the sort of thing we want to see in a Medium article or presentation. The style and correct placement matters far more than engineering. Th…

I recently stumbled over a project which tries to do such an approach for graphs in scientific papers, to avoid people manually editing them and them getting disconnected from data sources. They do it by offering export of modified code generating the tweaked variant: https://pylustrator.readthedocs.io/en/latest/
Post reply on HN