Generate Flowcharts from Text

Re:Generate Flowcharts from Text by slaymaker1907 on Monday March 01, 2021 @09:24PM (#26311222)

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.

[ Parent | on HN ]

Re:Generate Flowcharts from Text by cush on Monday March 01, 2021 @10:09PM (#26311475)

Only trick is the solution to entire problem statement.

restofthefuckingowl.jpg

[ Parent | on HN ]

Re:Generate Flowcharts from Text by hrishi on Monday March 01, 2021 @10:03PM (#26311434)

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.

[ Parent | on HN ]

Re:Generate Flowcharts from Text by slaymaker1907 on Monday March 01, 2021 @11:32PM (#26311926)

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.

[ Parent | on HN ]

Re:Generate Flowcharts from Text by hrishi on Wednesday March 03, 2021 @04:36AM (#26326378)

Thanks! Really appreciated.

I've gotten the hang of SVGs, is MBostock's blog still the best place to start with D3?

[ Parent | on HN ]