Create diagrams with code using Graphviz

Re:Create diagrams with code using Graphviz by kristiandupont on Wednesday June 10, 2020 @07:49AM (#23476025)

I'm going to hijack this thread to ask if anyone knows of a library that creates "hand drawn"-style sequence diagrams from code? I basically want this: https://bramp.github.io/js-sequence-diagrams/ -- but sadly, this one only seems to run inside a browser.

[ Parent | on HN ]

Re:Create diagrams with code using Graphviz by mpk on Wednesday June 10, 2020 @08:14AM (#23476222)

PlantUML supports this https://plantuml.com/handwritten

Add this to any diagram to get the effect you want,

  skinparam handwritten true
  skinparam monochrome true

Demo: https://tinyurl.com/ycdu7owa

[ Parent | on HN ]

Re:Create diagrams with code using Graphviz by AlexITC on Wednesday June 10, 2020 @09:31AM (#23476802)

Also, you can use https://collabuml.com to collaboratively build diagrams.

[ Parent | on HN ]

Re:Create diagrams with code using Graphviz by kristiandupont on Wednesday June 10, 2020 @08:54AM (#23476499)

Thank you

[ Parent | on HN ]

Re:Create diagrams with code using Graphviz by pbsds on Wednesday June 10, 2020 @03:31PM (#23481077)

This one is also web-based, but it takes graphviz source: https://sketchviz.com/new

[ Parent | on HN ]

Re:Create diagrams with code using Graphviz by fsiefken on Wednesday June 10, 2020 @07:56AM (#23476067)

there must be away to run it in a headless browser en screencapture and parse the output as png

[ Parent | on HN ]

Re:Create diagrams with code using Graphviz by AlexITC on Wednesday June 10, 2020 @09:34AM (#23476839)

Actually, it's pretty simple, just include https://github.com/markushedvall/plantuml-encoder and call

    "https://www.plantuml.com/plantuml/img/" + encode(text);

That's what I did on collabuml.

[ Parent | on HN ]

Re:Create diagrams with code using Graphviz by kristiandupont on Wednesday June 10, 2020 @07:58AM (#23476088)

Surely there is. It just seems overly complicated to me.

[ Parent | on HN ]