Swimlanes.io – generated editable sequence diagrams • Hacker News Board

Re: Swimlanes.io – generated editable sequence diagrams

#51

Post by imiric » Tue, Apr 27, 2021, 7:46 PM UTC

frank13 wrote: post #45

frank13 wrote: post #42

Earlier quoted context omitted.

Hi. I created this years ago and have not been able to give it much attention lately. There is a very basic API, https://swimlanes.io/docs/api

You can also embed a diagram. See https://jsfiddle.net/y6Lqpfcw/

Much appreciated. That still does network requests and I wasn't able to make it work fully offline after downloading all the assets, but pretty nice nonetheless.

Re: Swimlanes.io – generated editable sequence diagrams

#52

Post by uncomputation » Tue, Apr 27, 2021, 7:50 PM UTC

Looks great and super easy to use! I find myself needing these all the time for work and really hate Visio

Re: Swimlanes.io – generated editable sequence diagrams

#53

Post by kobieyc » Tue, Apr 27, 2021, 7:51 PM UTC

frank13 wrote: post #36

travisjungroth wrote: post #13

I'm curious: who made this? What stack? I couldn't find anything on the page.

Hi. I made this. Its mostly plain JS, all of the diagram, except the arrow heads, are simple div element

Thank you for making this. Are you making the code available?

Re: Swimlanes.io – generated editable sequence diagrams

#54

Post by prepend » Tue, Apr 27, 2021, 7:55 PM UTC

redleader55 wrote: post #28

I would really like a sequence diagram that allow for diagonal arrows, not just horizontal ones. A message takes time to arrive to its destination and sometimes it's interesting what else could happen during this time, for example the backend sending another response to the requester. Also requests don't arrive to the destination in the exact order they where made. All of these are impossible to represent with horizo…

There’s an asynchronous notation in sequence diagrams if responses can go back in different order. Still uses horizontal arrows but the arrowhead is different.

I don’t think diagonal arrows really help with this and will be harder to deal with because they could get overlapping really quickly.

But if things are truly out of sequence use something other than a sequence diagram. Just a regular flow chart, or activity diagram, or state diagram.

Re: Swimlanes.io – generated editable sequence diagrams

#55

Post by travisjungroth » Tue, Apr 27, 2021, 7:56 PM UTC

frank13 wrote: post #40

travisjungroth wrote: post #39

Earlier quoted context omitted.

Hi! Thanks for replying. Is there any storage layer? Or is everything encoded in the URL?

Yes. There is a simple storage if you sign in with google/github

I mean what's the storage from a technical standpoint? If you're saving every version of every swimlane that anonymous users create, it seems like that would add up in your database.

Re: Swimlanes.io – generated editable sequence diagrams

#56

Post by ragsagar » Tue, Apr 27, 2021, 7:58 PM UTC

My incomplete attempt to do something similar in python https://github.com/ragsagar/yezdi

Re: Swimlanes.io – generated editable sequence diagrams

#57

Post by frank13 » Tue, Apr 27, 2021, 8:03 PM UTC

frank13 wrote: post #40

travisjungroth wrote: post #39

Earlier quoted context omitted.

Hi! Thanks for replying. Is there any storage layer? Or is everything encoded in the URL?

Yes. There is a simple storage if you sign in with google/github

If you dont sign in nothing is stored. Your diagram data does not leave the browser, unless you generate an image. The diagram data is in the url

Re: Swimlanes.io – generated editable sequence diagrams

#58

Post by scoot » Tue, Apr 27, 2021, 8:06 PM UTC

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...

Any plans to do curated?

Re: Swimlanes.io – generated editable sequence diagrams

#59

Post by michaelsbradley » Tue, Apr 27, 2021, 8:19 PM UTC

For statechart diagrams see: https://xstate.js.org/viz/

Note that in addition to being editable, they are executable and can be used to implement state transition logic in node/browser JS code.

The visualizer is used throughout XState's docs.

Re: Swimlanes.io – generated editable sequence diagrams

#60

Post by swyx » Tue, Apr 27, 2021, 8:20 PM UTC

scoot wrote: post #58

swyx wrote: post #41

Earlier quoted context omitted.

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

Any plans to do curated?

i mean i will inject my opinions when i have to use these things in anger, right now it is just a raw list for future usage. i do put little stars or warnings against some items when i have an opinion.

you're welcome to PR in some commentary on each of them though. or fork it and curate. its open source knowledge :) https://www.youtube.com/watch?v=XoATf7xGoUY