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

Swimlanes.io – generated editable sequence diagrams

swimlanes.io

Post reply on HN
Print view View original

71–80 of 114 posts

Re: Swimlanes.io – generated editable sequence diagrams

#72

Post by gnat »

swyx wrote: post #41
jonahx wrote: post #5

Prior art: 1. Plant UML: http://www.plantuml.com/plantuml/umla/SoWkIImgAStDuNBCoKnELT... PlantUML supports many diagram types, and there's a nice VS Code plugin with side by side live preview. 2. https://www.websequencediagrams.com/ Has a hand-drawn style option which is nice: https://i.imgur.com/lh4jaVL.png

collated these diagramming tools here: https://github.com/sw-yx/spark-joy/blob/master/README.md#gen...

Thanks. Please do identify when they're open source -- I have been bitten by filling a small app of unknown longevity with my system diagrams and flowcharts, only to have it disappear.

Re: Swimlanes.io – generated editable sequence diagrams

#73

Post by smusamashah »

kjagiello wrote: post #43

For sequence diagrams in text format you can take diagwiz for a spin. There is also an online version of the tool. Disclaimer: It is working, but it's still just an experiment and might change a lot. https://github.com/kjagiello/diagwiz https://diagwiz.io/playground/ (not really mobile friendly)

These do the same i.e. ASCII sequence diagrams

https://textart.io/sequence

http://weidagang.github.io/text-diagram/

Re: Swimlanes.io – generated editable sequence diagrams

#76

Post by xtracto »

jorisd wrote: post #61
xtracto wrote: post #2

Reminds me of https://bramp.github.io/js-sequence-diagrams/ The nice thing about that library is that you actually can have a self-contained HTML page with a diagram, like: var diagram = Diagram.parse("A->B: Message"); diagram.drawSVG("diagram", {theme: 'hand'}); And this will draw render a sequence diagram in any browser. I've used this to have as documentation in the /docs folder of project Git repository for some…

You actually don't even need the HTML scaffolding for that, and can author a js-sequence-diagrams diagram straight into a text file, append a simple script to render the document, and save as .html! Example: https://unpkg.com/browse/js-sequence-diagrams-autorenderer@1... - click on "view raw" to see it in action. Looks a lot cleaner, and the .html itself is a valid diagram as the script tag that bootstraps the render…

Howdy, that's some black magic! Thanks a lot, that's a really neat idea.
Post reply on HN