Hacker News Reader

Comment by kristiandupont | Hacker News Reader

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.

View on HN

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

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

Thank you

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

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

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.

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

Reply on news.ycombinator.com