rough-stuff / rough

Create graphics with a hand-drawn, sketchy, appearance
http://roughjs.com
MIT License
19.94k stars 617 forks source link

mermaid language to rough #203

Open avelino opened 2 years ago

avelino commented 2 years ago

I (like a lot of other people) use mermaid for source controlling diagrams. I would love to see if there is a way to render rough (style) diagrams from mermaid definition.

fskpf commented 2 years ago

FWIW, you could export mermaid diagrams to SVG and pipe it through svg2roughjs. This should yield decent results, albeit foreignObjects within the SVGs won't be sketched but just copied over into the sketched result.

alixander commented 1 year ago

you can do this in D2:

https://play.d2lang.com/?script=bFM9j9swDN31Kx6cxcH1jOLQSUOn61wja9FBtumEjSK6khzHLfLfC0lOP9AbST5ST3yPN42fCnh9QWt8IF9CIH9XI1tC5cyTJzMkAEtzmB0dcphLO7zSaGYbceXAHVuOKzjgCUHgBI5oQBSEiXoe1yY3lXGtBI3hxYTYtBI4GU1tM1vPVxMJI5MdSs-zFTmbtACN6stXPzuqHvBPoTcTIZ4Iu_TY5OlKLqIjdkdM6XcDTEAvlwu5uHX9HvgWkQL57PFtDhGLNxPY4fsskUIuVruJ6OxqB3ZxX2nUASF6dsd3IBnRidj9tr6ErPcatUfi_TegrGNhN9QlSBw55uCu7uqG549YNU5krWARbweltmstgoUTuxXiu4d-2fgaVfWPmux7SzmTxdf48L7Uk-cerUA6VY01vbZsqXIEGtHPZcB946bWJjPRfzioH_-nfgUAAP__&sketch=1&theme=5&layout=dagre&